100-days-Coding - day16

day16-1026

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, **

vscode

android studio

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

show

---

TO BE CONTINUED - flutter上手

提示

订阅专刊