flutter 使用一览 your first app

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，简单记录总结，继续往下面看，期待有惊喜