这是一个基于 Flutter 的跨平台(iOS/Android)移动应用小案例,包含了一些基础 Widge
、provider
、stream
等的使用案例。
移步 点击观看演示视频
或者,扫描二维码下载体验(android):flutterCase.apk ,iOS请自行运行代码体验效果
基础小部件的使用,如下
序号 | 案例(Base Widget Demo) |
---|---|
1 | FloatingActionButtonDemo |
2 | ButtonDemo |
3 | PopupMenuButtonDemo |
4 | SimpleDialogDemo |
5 | AlertDialogDemo |
6 | BottomSheetDemo |
7 | SnackBarDemo |
8 | ExpansionPanelDemo |
9 | ChipDemo |
10 | DataTableDemo |
11 | PaginatedDataTableDemo |
12 | StepperDemo |
13 | GridViewExtentDemo |
14 | GridViewCountDemo |
15 | LayoutDemo |
16 | SliverDemo |
17 | ListViewDemo |
18 | CardDemo |
19 | NavigatorDemo |
20 | FormsDemo |
21 | TabBarView |
22 | DrawerDemo |
provider 的使用,如下
序号 | 案例(provider) |
---|---|
1 | ProviderCounterDemo 跨页面状态共享 |
2 | ProviderGoodsListDemo 使用 Selector 更新局部(小范围)状态 |
futureBuilder 、 streamBuilder 的使用,如下
序号 | 案例(stream) |
---|---|
1 | BaseStatefulDemo 基本的有状态 Widget 的使用 |
2 | FutureBuilderDemo futureBuilder 的使用 |
2 | StreamBuilderDemo streamBuilder 的使用且拆分UI和逻辑代码,更符合规范代码 |
- 2020-06-28 09:56 发布 release v1.0.0 版
- 2020-06-28 08:44 新增 My Page 案例
- 2020-06-28 07:15 新增 futureBuilder 、 streamBuilder 的使用案例
- 2020-06-27 02:15 新增 provider 的使用案例
- 2020-06-26 23:56 调整整体目录结构
如想了解更多关于 Flutter 信息,请关注我的博客文章
序号 | 文章 |
---|---|
1 | Flutter 初识 |
2 | Flutter 环境搭建 |
3 | Flutter 初体验(实战) |
4 | Flutter 10天高仿大厂App及小技巧积累总结(实战) |