Flutter开发一个通用的购物车加减组件

前言

本篇继续购物清单应用的完善，解决完离线存储后，目前的购物清单存在两个问题：一是没法删除（女朋友的购物车除外，见下图）；二是我们的中间件的写法的 if...else 嵌套会随着 Action 的增加而增加，可以进一步改进。

本篇来解决这两个问题，话不多说，开干！

购物车数量加减组件

在商城应用中，我们在购物车经常会用到数量控制的加减组件，如下图所示。点击加号数量加1，点击减号数量减1。

我们也来实现一个这样的通用组件：

• 数量显示购物清单当前物品的数量；
• 点击加号数量加1；
• 点击减号数量减1，如果减到0就把该项删除。

在开发组件前，我们应该先定义好组件的对外接口（包括属性和交互方法），在购物车数量加减组件中，有如下接口需要与使用它的组件进行交互：

• 数量属性：组件本身不承载业务，因此这个数量是由上层组件来控制的；我们定义为 count。
• 点击加号的响应方法，我们定义为