Flutter框架技术调研

1. 简单介绍：Flutter是google发布的一个用于创建跨平台、高性能移动应用框架，目前可以使用在Android、iOS、Web乃至桌面应用上。
2. 前景：
Cordova：Apache项目，其实现原理就是内部封装了一个WebView，然后通过web技术编写移动应用，性能很低。
Weex或React Native：采用Web开发技术栈，将UI控件渲染成原生。缺点是渲染时需要JavaScript和原生之间通信，并且JavaScript是脚本语言，执行时需要JIT（Just In Time），执行效率和AOT（Ahead Of Time）代码有差距。
Flutter：没有使用原生渲染，反而是自己实现了一个渲染引擎。并且使用Dart语言这种AOT语言作为开发语言，效率上也是JavaScript比不上的。并且Google正在大力推广Flutter，在github上的活跃度很高。
3. Flutter相关
开发语言：Dart
官网：https://flutter.dev/
开发工具：Android Studio / vs code  通过安装相关插件
4. Dart语言简介：
内置类型：
numbers: int (depending on the platform)、double(64 bit)
String : utf-16
Booleans : bool b = true;
Lists: 倒不如说是数组，var list = [1, 2, 3];
Maps: var gifts = {"fist": "partridge", "second": "golden rings};
Runes: utf-32的string
Symbols 
Dart语言是一门真正面向对象的语言，函数也被看作是一个对象，并且类型和Function相同
使用class关键字定义类，对于接口而言，并没有interface关键字来定义。那么怎么体现呢？实际上，每个类都会隐式地定义一个接口。
异步编程：使用async和await以及Future结合起来实现异步编程，使得像写同步代码一样来实现异步编程

Future<AMapLocation> _getLocation() async {
  await AMapLocationClient.startup(new AMapLocationOption(
      desiredAccuracy: CLLocationAccuracy.kCLLocationAccuracyHundredMeters));
  return await AMapLocationClient.getLocation(false);
}
.........
5. Flutter框架的应用模式：
使用Flutter作为基础框架，native提供plugin（因为有些功能如获取定位，需要native实现后然后告知Flutter）的模式来构建应用。这种模式适用于一个新创建的App
使用native作为基础框架，对于新功能、新页面通过Flutter来实现，然后以依赖的形式添加到native代码中。这种模式适用于已经存在的App中
6. Flutter的运行模式：
debug模式：用于开发调试，并且使用hot reload技术，构建速度很快，但是有些卡顿
release模式：发布模式，运行流畅，堪比原生应用，甚至比原生更加流畅
7. Flutter的UI构建模式：
采用mvvm，一种声明式UI
相比传统的命令式UI编程（无论是Android、iOS还是Web，如果我们要想改变ui的显示，我们都需要通过某种形式定位到那个控件，然后通过控件提供的方法，命令该控件显式地修改），Flutter使你更加专注UI的构建，数据的变化直接通过setState((){})方法来实现，从而导致UI的变化：
setState(() {
  windDir = data?.condition?.windDir;
  windLevel = data?.condition?.windLevel;
  humidity = data?.condition?.humidity;
  temperature = data?.condition?.temp;
  tempDay = data?.temp?.tempDay;
  tempNight = data?.temp?.tempNight;
  condition = data?.condition?.condition;
});

Text('${windDir ?? "-"}  ${windLevel ?? "-"}级',
    style: TextStyle(color: Colors.white,
       fontWeight: FontWeight.w300,
       fontSize: 18),
     ),

8. 学会使用packages
当我们开发过程中需要某些plugin或者package时，我们可以在https://pub.flutter-io.cn/packages/网站上搜索满足于自己开发需要的plugin，然后在项目中使用。如何选取package，我们可以在package内提供的repository的地址，去查看star数来决定是否选取。
9. 开发资料：
dart：https://dart.dev/    《Mastering Dart》
Flutter：https://flutter.dev/    https://book.flutterchina.club/chapter1/
Flutter框架技术调研

猜你喜欢
