用户登录

Flutter 移动应用：界面结构

Flutter App：Scaffold

— 王皓

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

了解下应用的界面结构，添加工具栏，标签栏，底部导航栏。

封面摄影：Daniel Fleischhacker

介绍与准备
0:00
介绍
0:54
准备项目
1:19
标签栏
0:00
Material 应用
4:22
AppBar：工具栏上的图标按钮（IconButton）
2:31
TabBar：用标签形式展示内容
2:51
TabBar：自定义标签栏的样式
1:05
Material：自定义按钮水波纹样式
1:01
抽屉
0:00
Drawer：抽屉（边栏）
1:39
Drawer：在抽屉里使用 ListView， DrawerHeader，ListTile
2:25
Drawer：抽屉的打开与关闭
1:24
UserAccountDrawerHeader：抽屉里的用户帐号信息
1:24
用户帐户头部的背景图像
1:45
创建 DrawerDemo 小部件
1:01
底部导航栏
0:00
BottomNavigationBar：底部导航栏
2:39
BottomNavigationBar：底部导航栏的激活状态
1:35
StatefulWidget：有状态的小部件
2:48

统计

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

社会化网络

关于

微信订阅号

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