iOSer 的 Flutter 快速入坑之道（一）

iOSer 的 Flutter 快速入坑之道（一）

前言

本文适用于有一定 iOS 开发经验，然后对于 Flutter 是初学阶段的同学。

学习前置项：

1. 了解什么是 flutter，大概了解 Flutter 的一些特性。
2. 已经完成 Dart 语言基本语法的学习。
3. 已经搭建好 Flutter 的 IDE。

好，具备以上几点，那么下面我就不多说有的没的，直接带你躺到 Flutter 的坑里，快速实现原生iOS 到 Flutter 的过渡。

正文

1. Dart 语法

   dart 的基本语法不再一一赘述，但是为了方便之后的学习，在这里再复习一下一些相对比较重要和常用的语法知识。

   a. 变量类型声明

   dart 是属于强类型的语言，但是变量的声明可以用 var，用 var 声明的变量，dart 会自动推导出变量类型。比如

   var x = 1 //int整形
   var y = 1.0 //double型
   var z = "string" //string 字符串类型
   

   但是当比如上述的 x 和 y 被分别推导成 int 和 double 类型之后，如果你尝试把 x 和 y 相加，编译器就会报错，因为两者已经是不同的类型了。

   而 dynamic 关键字和 oc 中的 dynamic 用法相同，都是指把类型声明为动态类型，在编译期间不进行类型检查，到了运行时才进行类型检查。

   b. 容器类型(数组、字典、集合)

   在 iOS 中，Array、Dictionary、Set 都是十分常用的数据结构，那么在 dart 中，对映的数据结构叫什么及怎么使用呢？

   List

   List 在 dart 就是用于构建列表、数组的数据结构，对应于 Array。

   var list = List();
   list.add(1);
   list.remove(1);
   list.removeAt(0);
   ...
   

   基本的增删改查方法都差不多，没有什么区别。

   Map

   Map 在 dart 中就是对应于字典的数据结构，用于一些 key-value 类型的存储。

   var map = Map();
   map['one'] = 1;
   map['two'] = 2;
   
   var map = const {
   'one' : 1,
   'two' : 2,
   };
   
   ...
   

   Set

   dart 中的集合还是叫做 Set，这个没有变化。他的基本使用如下：

   var set = Set();
   set.add('one');
   set.remove('one');
   
   set.difference(set2);
   ...
   

   三种容器的基本使用方法还是没有变化，在具体的方法调用上也只有细微的，在方法命名上以及健全度方面有所差别。

   c. 函数

   在 iOS 中一个普通的函数实现可能如下：

   - (int)addA:(int) a withB:(int) b {
       return a + b;
   }
   
   

   那么，在 dart 中，函数写法还是像 C 语言的函数结构的

   int add(int a, int b) {
       return a+b;
   }
   

   没错，这并没有什么，知道怎么写就ok了。
   另外值得一提的一个点是，在 dart 中对于类似上面函数，内容只有一个 return 的情况，我们可以用 => 的语法来完成函数的简化。如：

   int add(int a, int b) => a+b;
   
   

   然后在 dart 中如果在函数名前加下划线_，就代表这个函数是私有函数，不能被外部访问，否则默认就是公有方法。同样，下划线的规则对于成员变量同样适用。

   d. 匿名函数/block

   匿名函数的结构大致如下

   ([[Type] param1[, …]]) { 
    codeBlock; 
    }; 
   

   最简单的匿名函数就是没有参数，返回值也为 void 的函数：

   (){
     print('print aaa');
   };
   

   e. Class

   dart 是面向对象的语言，所有的类都继承自 Object，就算 int、double 类型也都是一个对象。
   类的可以使用 new 和构造函数来初始化，这个和 java 还是比较类似的。
   比如基本的构造函数方法有

   class Point {
       num x;
       num y;
       
       Point(num x, num y) {
           this.x = x;
           this.y = y;
       }//标准构造函数
       
       Point(this.x, this,y);
       //标准构造函数语法糖
       
       Point.fromJson(Map json){
           x = json['x'];
           y = json['y'];
       }
       //命名构造函数
       
       Point.fromJson2(num x): this(x, 0);
       //重定向构造函数
   }
   

   除了以上的构造函数，针对构造函数并不总是 new 一个对象出来的情况，还可以采用 factory 工厂模式的构造函数，有兴趣自行查询。

   在类的使用中有一些便捷的语法，这里简单介绍一下。

   在 dart 中，有类似 swift 可选值的操作，比如

   p?.y = 1;
   

   使用 ？.来代替. 可以在当左边 p 为 null 时，不进行 y 的赋值，从而避免异常情况的发生。只有在 p 不为空时才进行后续的赋值操作。

   f.get-set方法
   在 dart 中，get set 方法写法如下：

   num get right             => left + width;
   set right(num value)  => left = value - width;
   

   其实就是在返回值和方法名中间插入 get 或者 set 关键字。

   g.继承、接口和mixin

   在 dart 中类的继承是在类的声明之后加上 extends 的关键字
   ，示例如下：

   class A extends B {
   
   }
   

   继承没什么区别，无非是写法不同。但是在接口这方面，dart 中不存在特别的协议关键字，也就是没有 protocal 用于定义协议。那么在 dart 中，其实每个类都有隐式地定义了包含所有实例成员的接口，并且这个类实现了这个接口。也就是说，在 dart 中，类的声明可以当作接口来使用，如

   class A implements B {
   
   }
   

   当然在 dart 中，继承也是只能单继承，可以同时遵循多个接口。
   然后说 Mixin，Mixins 是一种在多类继承中重用一个类代码的方法。使用 with 关键字后面为一个或者多个 mixin 名字来使用 mixin。

  abstract class Musical {
  bool canPlayPiano = false;
  bool canCompose = false;
  bool canConduct = false;

  void entertainMe() {
    if (canPlayPiano) {
      print('Playing piano');
    } else if (canConduct) {
      print('Waving hands');
    } else {
      print('Humming to self');
    }
  }
}

如上，没有构造函数，那么这个类就是一个 mixin，下面示例显示了如何使用 mixin。

    class A extends B with Musical {
        entertainMe();
    }

h. 异步
dart 是单线程的语言，所以在异步的用法上，主要通过 async 和 await 的关键字来实现。概念上可以理解为和协程类似。

   checkVersion() async {
  var version = await lookUpVersion();
  if (version == expectedVersion) {
    // Do something.
  } else {
    // Do something else.
  }
}// 在使用 await 的函数中，必须用 async 来修饰。

如果声明了一个异步方法，那么该方法需要用 async 修饰，并且返回值是 Future 类型的。
如：

String lookUpVersionSync() => '1.0.0';
//同步方法
    
Future lookUpVersion() async => '1.0.0';
//异步方法
    

在 dart 语法上暂时就说这些，其他的语法还是需要自己系统性地去学习。这里提供一个类似 playground 的，专门用于跑 dart 代码的平台，可以在一边学习语法的同时一边动手测试：DartPad

最后

其实这真的不是最后，本篇主要介绍了一些 dart 的语法，由于考虑到内容实在很多，所以还是想分成几篇来发，这样也便于以后有其他 flutter 相关知识点的补充～