iOSer 的 Flutter 快速入坑之道(一)
前言
本文适用于有一定 iOS 开发经验,然后对于 Flutter 是初学阶段的同学。
学习前置项:
- 了解什么是 flutter,大概了解 Flutter 的一些特性。
- 已经完成 Dart 语言基本语法的学习。
- 已经搭建好 Flutter 的 IDE。
好,具备以上几点,那么下面我就不多说有的没的,直接带你躺到 Flutter 的坑里,快速实现原生iOS 到 Flutter 的过渡。
正文
-
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<int>(); list.add(1); list.remove(1); list.removeAt(0); ...
基本的增删改查方法都差不多,没有什么区别。
Map
Map 在 dart 中就是对应于字典的数据结构,用于一些 key-value 类型的存储。
var map = Map<String, int>(); map['one'] = 1; map['two'] = 2; var map = const { 'one' : 1, 'two' : 2, }; ...
Set
dart 中的集合还是叫做 Set,这个没有变化。他的基本使用如下:
var set = Set<String>(); 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<String> lookUpVersion() async => '1.0.0';
//异步方法
在 dart 语法上暂时就说这些,其他的语法还是需要自己系统性地去学习。这里提供一个类似 playground 的,专门用于跑 dart 代码的平台,可以在一边学习语法的同时一边动手测试:DartPad
最后
其实这真的不是最后,本篇主要介绍了一些 dart 的语法,由于考虑到内容实在很多,所以还是想分成几篇来发,这样也便于以后有其他 flutter 相关知识点的补充~