all articles

Flutter 1 - get the first app run

2019-06-22 @sunderls

flutter





嗯,之前也尝试过react-native 来开发welogger,但是最终放弃了。

相比于技术而言,更多的是因为原生app本身获取用户能力太弱。还是web更便于分享传播。

人总是矛盾的,看到Flutter推出了 Flutter for web更是吸引了我。

当初react native for web让我眼前一亮,我们总是想用web的方式去开发native app,最终却都是事与愿违。因为思维模式还是有巨大的不同。在开发react native的过程中,我的感受是实际上rn还是很蛋疼,第一个是原生api的特殊的地方,还有style的控制,虽然rn想让其变的和web相像,但是即使90%的类似会导致10%的部分的不伦不类,总会产生精神分裂。 react native for web让我们用另外一种方式思考问题,为啥不能用开发native app的方式来开发web app呢?

嗯,非常赞。实际上小程序的进化轨迹告诉了我们,当前web技术过于的复杂,复杂到也许我们不需要这么复杂。一起可以变的简单。这个简单,flutter开始了更加美好的尝试。

和rn不同的是,flutter是native app,rn是用js bridge?的方式来驱动native component。嘛具体我也不太懂了,总之感觉还是很酷

1. install

这个按照官方文档进行就行了。

https://flutter.dev/

2. 安装vs code 插件

这个很重要 https://flutter.dev/docs/get-started/editor?tab=vscode

这里我遇到了奇怪的 dyld: Library not loaded: /usr/local/opt/gdbm/lib/libgbdm.4.dylib 的error,查了一下只需要重装 zsh就行了

brew reinstall zsh && brew unlink zsh && brew link zsh

3. run

按照文档上的新建一个app,然后 flutter run,打开vs code,编辑文字,发现hot reload不成功。。

找来找去才发现,flutter run是不行的,要用vs code的debug 功能才会激活hot reload

实际效果非常棒,reload的很快。

接下来就是一步一步似爪牙的学习dart和flutter了。



如果觉得有帮助到你的话,
欢迎支付宝donate