(一)flutter 搭建开发环境
- 搭建开发环境
- 创建应用
1
| $ flutter new project-name
|
- StatelessWidget
- StateFullWidget
- State
- 单利
- 路由
- 调试打印
1 2 3
| var test = "test 123"; print("test:" ,test); print("test: ${test}")
|
- flutter 单元测试
- SingleChildScrollView
(三)flutter 常用组件介绍
- Text
- Button
- AppBar
- Scaffold
- Image
- sizedBox
- Expanded
- Theme (主题包裹, 在组件里面使用局部的 主题)
- StatelessElement 和 StatelessWidget
(四)布局
- row
- column
- stack
- center
(五)进阶组件
- MaterialApp
- AppBar
- BottomNavigationBar
1 2 3 4 5
| 1. 如何定义字体大小 2. 如何使用自定义的图标 3. 选中样式 4. 未选中样式 5. 间距调整
|
- Scaffold
- Icon
(六) 实战实现底部 tabls 标准 app 首页
(七) 网络请求
(八) list 组件
(九) 页面传参
- delegate
- notification
- 全局变量
(十) 多语言
(十) 打包发布
- 打包 ios
- 打包 android
Author:
微笑城
Permalink:
http://www.yuelin.link/2022/11/01/flutter/test/
License:
Copyright (c) 2019 CC-BY-NC-4.0 LICENSE
Slogan:
Do you believe in DESTINY?