Write Your First Flutter App
https://flutter.io/get-started/codelab/
ok,以上是 flutter 官网上的七步写一个第一个app,吃力点,给大家翻译一下吧
第一步,创建一个你的app,这一步做的事情相当于使用 flutter 创建了一个只有一个textview 的activity
第二步,使用一个外部包,相当于如何引入一个第三方的jar包或者graddle引入一个依赖包。做法做个简单记录
pubspec.yaml 中添加
cupertino_icons: ^0.1.0
english_words: ^3.1.0
然后使用Terminal中执行
flutter packages get
然后就会进行安装
然后就可以使用了,如何使用代码就不贴上来了,自行参考代码样板
第三步: 添加一个有状态的组件
ok,这步理解起来有点费劲,好在官方文档第一步就给出了解释
Stateless widgets are immutable, meaning that their properties can’t change—all values are final.
无状态组建和有状态组建,区别在于,无状态的组件里面的属性不能改变,有状态的可以进行改变,理解下项目里面的说法,text如果
new Text('Hello World')
这样写,那么text 上面的string 是常量无法改变了,现在要去写一个可以改变的text
差不多这么回事,代码自行参考文档
第四步:创建一个无限滚动的listview
也许是flutter想展现一下性能吧,无限滚动我也很流畅,内存回收很及时
第五步:增加交互性,说白了添加一个点击事件,然后可以响应这个点击事件
具体到demo里面就是点击一条item,后面的星可以变红,在点击,又变灰
第六步:打开一个新页面,没什么好奇怪的,native应用不是一个pc的vue项目,注定不会是个单页面应用,所以打开一个新页面是个基础功能,Navigator 和 Router 的组合使用
第七步:修改UI的Themes 添加一个Theme就ok了
ok,结束,第一个demo就简单完成了
总结:里面只是一些最基础的使用,没有什么特别的地方,但是有一个让我很惊喜的亮点,hot reload button () 在编写代码过程中,不需要重新部署应用,直接就能在手机上reload,very nice
ok,简单记录总结,继续往下面看,期待有惊喜