超级会员免费看
本文通过分析Flutter官方示例项目flutter_gallery，讲解如何创建包含顶部导航栏和ListView的应用。主要内容包括导航栏的简单使用、ListView的基本操作、MaterialColor的应用以及Flutter项目的整体架构。示例展示了如何构建导航栏Tab以及ListView显示颜色值的列表，同时讨论了Flutter与Android在列表视图上的区别。
学习flutter除了官方文档之外，其官方本身的examples组织的也很好，算是学习的极好的资料。本篇博文就是摘取的其examples目录下的flutter_gallery项目进行研读和学习。本篇博文摘取了gallery下的调色版的代码进行分析解读，算是一个学习笔记。其代码被博主发挥了拿来注意的精神放在了自己的github上，对关键代码进行了注释。
运行效果如下所示：
整个页面分成两个部分：导航栏和对应导航tab下的ListView组成。功能也很简单，就是显示一些导航tab下的颜色值。
通过这个sample可以了解：
1）导航栏的简单使用
2）ListView的简单使用
3）MaterialColor的简单使用
4）flutter的整体项目架构
在开始之前，建议读者阅读
订阅专栏 解锁全文
扫一扫
1284
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
