软件工程2019 年 3 月 16 日

Flutter - Ep1

Flutter初见，初步使用Flutter开发native应用。

软件工程工具推荐

Flutter初现

最近偶然碰到了这个 - flutter，已经出来好久了，可能是自己真的见的太少。自己经常留意一些开发框架，尤其是类似于RN的，能够多端通用「这是很美好的一件事」。

也尝试了好多「简单的了解」：

Weex

Tabris

Taro - 「也是最近看到的，直接挂钩微信小程序」

React Native

最近碰到的flutter之所以吸引我，魅力在于：

Hot Reload
UI

这两点简直太“致命”了。开发阶段，我从来没见过这么快的reload，无延迟，实时生效，没有顿挫延迟感。同时，使用自带的默认widget就已经可以满足大多数的需求而且兼具美观。

接下来，我将谈谈我和flutter的初次见面

安装

flutter的安装没有什么难度，Mac, Windows, Linux均可以安装。我使用的平台是Mac，得益于非常完整的文档和检测机制flutter doctor，遇到了一部分问题，但安装进行的还算顺利。

问题描述：brew install --HEAD libimobiledevice，安装过程中断解决方法： stackoverflow, 需要先卸载这个包，在重新安装最新的即可。

为了能够同时感受生成两端「iOS, Android」,我把两个平台都进行的填补，以便于开发。

编辑器

flutter可以使用 android studio, vs code

helloworld

flutter采用的是一种新语言「自己的语言工具又多了一种」- Dart

创建项目

flutter create your_project_hello_world

由于darthub类似于「npm源」是国外的，为了加快包的获取速度，有必要更换源，使用国内镜像。国内使用flutter

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
git clone -b dev https://github.com/flutter/flutter.git
export PATH="$PWD/flutter/bin:$PATH"
cd ./flutter
flutter doctor

项目运行

flutter devices 选择你要运行的设备，你可以使用iOS模拟器，android模拟器，或着真机直接进行测试。

flutter run

作者： Henry He 发表日期：2019 年 3 月 16 日