用户登录

Flutter 2：页面结构

Flutter 2：Page Structure

— 王皓

2025 独立开发者训练营：AI Agent！查看介绍 / 立即报名 →

快速使用 Flutter 提供的小部件构建出应用页面。

封面摄影：Danilo Faria

准备
0:00
准备项目（page-structure）
0:35
MaterialApp
0:00
创建 Material 应用
1:32
使用 Material 小图标（Icon）
1:02
使用按钮（ElevatedButton）小部件
1:04
定制应用的主题样式
3:40
构建 Material 风格的页面（Scaffold）
0:58
设置页面顶部应用栏（AppBar）
1:42
使用标签栏（TabBar）与标签视图（TabBarView）小部件
2:21
设置底部导航栏（BottomNavigationBar）
1:30
把 App 转换成有状态小部件（StatefulWidget）
1:17
点按底部导航栏项目切换当前活动项目
1:56
点按底部导航栏项目切换显示小部件
1:50
点按底部导航栏项目时动态显示或隐藏 AppBar
1:42
使用漂浮动作按钮（FloatingActionButton）
1:19
整理项目
0:00
整理项目
0:41

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网，每天进步一点