Flutter框架下 Demo实现及入门知识了解

Flutter框架下 Demo实现及入门知识了解

1.参考官方Demo构建一个布局稍微复杂一些页面，Demo实现了一个书籍列表（数据为本地mock数据），点击收藏图标之后，收藏图标更改为已收藏，然后点击右上角按钮，导航到下一个页面展示已收藏的书籍，效果如下：

代码地址：https://github.com/M075097/flutter_fdemo

2.该Demo中涉及到如下使用（具体在代码中已做相关注释）

• 2.1 脚手架Scaffold使用
• 2.2 ListView组件的使用
• 2.3 控件组合布局
• 2.4 能够触发交互操作的组件使用
• 2.5 导航到下一页使用
• 2.6 动态交互实现
• 2.7 图片Image控件加载网络图片使用

3.相关基本知识了解

3.1 首先在Flutter框架中中主要有两种大类型的Widget即：StatelessWidge