第六章：Interactive Widgets(一) -- 交互组件概述及项目准备

Flutter-从入门到放弃(源码,目录,持续更新中)

新的一章，大家可以从源码中把资源文件拷贝到上一章的项目中来继续开发。

概述

在这一章里，我们将学习有关 Interactive Widgets(可交互组件)的内容，具体有以下内容：

1. Gesture-based widgets：基于手势的组件
2. Time and date picker widgets：时间和日期选择组件
3. Input and selection widgets：输入和选择组件
4. Dismissable widgets：可移除组件

这一章我们继续来完成 Fooderlich 项目的 To Buy 页面，在这个页面中用户可以创建一个购物清单，修改清单，把清单设为已完成。用户可以新增，更新，移除清单。
我们还会简单介绍一下 Provider，一个帮助管理状态并通知组件有要显示的更新数据的包。
我们从一个空白页面开始开发，这个时候没有可用的清单，用户可以进行两种操作：

1. 点击 Browse Recipes 查看其他菜谱

2. 点击 + 按钮来添加一个购物清单条目
   
   点击 + 按钮后，跳转到一个页面来创建一个新的购物清单：

   
   这个页面由以下数据构成：

• item的名称
• 重要性等级
• 时间及日期
• 标签颜色
• 数量
  最后还会有一个效果预览图。
  创建购物清单后，整体效果如下：
  
  在这里，用户可以进行如下操作：
• 点击item进行更新操作
• 选中checkbox 标记item为已完成
• 滑动删除item
• 添加新的item

这一章我们将会完成整个TOBUY页面的功能,如上所述。