(一)flutter 搭建开发环境

  1. 搭建开发环境
1
$ flutter doctor
  1. 创建应用
1
$ flutter new project-name

(二)widget 状态

  1. StatelessWidget
  2. StateFullWidget
  3. State
  4. 单利
  5. 路由
  6. 调试打印
1
2
3
var test = "test 123";
print("test:" ,test);
print("test: ${test}")
  1. flutter 单元测试
  2. SingleChildScrollView

(三)flutter 常用组件介绍

  1. Text
  2. Button
  3. AppBar
  4. Scaffold
  5. Image
  6. sizedBox
  7. Expanded
  8. Theme (主题包裹, 在组件里面使用局部的 主题)
  9. StatelessElement 和 StatelessWidget

(四)布局

  1. row
  2. column
  3. stack
  4. center

(五)进阶组件

  1. MaterialApp
  2. AppBar
  3. BottomNavigationBar
1
2
3
4
5
1. 如何定义字体大小
2. 如何使用自定义的图标
3. 选中样式
4. 未选中样式
5. 间距调整
  1. Scaffold
  2. Icon

(六) 实战实现底部 tabls 标准 app 首页

(七) 网络请求

(八) list 组件

(九) 页面传参

  1. delegate
  2. notification
  3. 全局变量

(十) 多语言

(十) 打包发布

  1. 打包 ios
  2. 打包 android