常用快捷键

快捷键！！！！

图片类型1

Flutter是谷歌的移动UI框架，可以快速在IOS和Android上构建高质量的原生用户界面。Flutter可以与现有的代码一起工作，并且它是免费、开源的。

特点：

1、跨平台：Linux、Android、IOS、Fuchsia

2、原生用户界面：它是原生的，让我们体验更好、性能更好

3、开源免费：完全开源，可以进行商用

与主流框架对比：

Cordova：混合式开发框架（Hybrid App）

RN（React Native）：生成原生的APP，但以View为基础嵌入

Flutter：在渲染技术上选择了自己实现（GDI）

图片链接给大家贴一下，给后面学的方便：

http://img5.mtime.cn/mt/2018/10/22/104316.77318635_180X260X4.jpg

http://img5.mtime.cn/mt/2018/10/10/112514.30587089_180X260X4.jpg

http://img5.mtime.cn/mt/2018/11/13/093605.61422332_180X260X4.jpg

http://img5.mtime.cn/mt/2018/11/07/092515.55805319_180X260X4.jpg

http://img5.mtime.cn/mt/2018/11/21/090246.16772408_135X190X4.jpg

http://img5.mtime.cn/mt/2018/11/17/162028.94879602_135X190X4.jpg

学习flutter建议先学习dart语法，会dart语法会发现简单许多

flutter sdk地址：https://flutter.dev/docs/development/tools/sdk/releases#windows

参照本课程，自己理解写的博客文档，大家可以看一下

https://www.jianshu.com/p/afee6508f9cc

简书   https://www.jianshu.com/p/afee6508f9cc

横向列表顾名思义就是，可以通过水平方向进行一个列表的滑动，左右滑动列表Item，即可浏览ListView的数据了。

scrollDirection属性的使用

- Axis.vertical:垂直方向

- Axis.horizontal 水平方向

非常简单，我们直接修改属性值就可以完成不同方向的ListView

简书：https://www.jianshu.com/p/afee6508f9cc

可以看到，我们在new的时候，传递了一个List对象给构造器，通过List的generate方法快速生成一个1000大小的列表。

然后在类的构造器中去接收到这个List参数，然后给类的ListView组件使用，达到动态数据，list的数据源是由外部接收的，这样我们的ListView数据将会非常灵活。

简书地址：Flutter基础笔记  https://www.jianshu.com/p/afee6508f9cc

总结：

StatelessWidget、build()、MaterialApp->title->home、脚手架Scaffold、appBar、body、Center->child

1. 首先继承StatelessWidget抽象类，实现bulid方法

2. return一个MaterialApp

3. 定义App内的title,和home

4. home属性需要返回脚手架Scaffold组件

5. 脚手架定义appBar和body属性，appBar中定义text,body中创建Center

6. 在Center居中组件中，利用child属性，返回一个TextWidget，用来显示内容

图片地址拿走不谢。。。>_<

children: <Widget>[
  new Image.network('http://img5.mtime.cn/mg/2019/03/21/105842.67810645_170X256X4.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/04/10/102844.93012572_170X256X4.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/04/19/092928.24468397_170X256X4.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/03/29/095612.14234221_170X256X4.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/04/01/170857.92282290_170X256X4.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/04/16/103242.17522323_170X256X4.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/04/04/092846.29725044_1280X720X2.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/01/31/100731.93352385_1280X720X2.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/04/15/095157.26388695_1280X720X2.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/03/21/105842.67810645_170X256X4.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/04/10/102844.93012572_170X256X4.jpg',fit: BoxFit.cover,),
  new Image.network('http://img5.mtime.cn/mg/2019/04/19/092928.24468397_170X256X4.jpg',fit: BoxFit.cover,),
],

https://github.com/TKMapleLeaf/awesome-flutter