Flutter 列表开发

Flutter 是什么?

Flutter 移动应用程序 SDK 是为开发人员提供一种创建快捷、美观的应用程序的新方式,从而摆脱过去那种千篇一律的 app,尝试过 Flutter 的人都会真的爱上它。

Flutter 环境搭建

1.下载android studio 配置sdk 

1.1添加 flutter,Dart 插件 File--> settings --> plugins 搜索  flutter和Dart 

1.2下载 flutter sdk --> https://flutter.io/get-started/install/1.2 

1.3 android studio 关联 sdk  File-->Settings --> Languages & Frameworks Flutter 列表开发

Flutter 列表开发

2 创建 Flutter项目 File -->new --> new Flutter Project 

Flutter 列表开发

3.编写flutter_app 打开lib 打开main.dart文件

3.1 先解释下main.dart 大概的内容

Flutter 列表开发

开始是一个main方法,相当于java的main入口 runApp()函数 编写MyApp 继承 StatelessWidget 并重写 Bind(BindContext context ) 返回一个MaterialApp() title:第一参数是主题是标题,theme:第二是主题的样式,并可以设置颜色。home:第三个参数是home 就是主页是内容。先看下MyHomePage代码:Flutter 列表开发

MyHomePage 继承 StatelefulWidget 并重写 createState() 方法并返回一个_MyHomePageState 接下看下_MyHomePageState方法:

Flutter 列表开发

_MyHomePageState 用来创建一个列表 _MyHomePageState 继承 State() 并重写 Bind(BindContext context ) 方法 返回一个Scaffold() d第一参数设置appBar: appbar ,第二个参数是一个 body: new ListVIew(childree:_getListDate(),)