以购物车为例探讨 Flutter 的状态管理的必要性

本文主要内容翻译自 Flutter 官方文档：Simple app state management，状态管理系列文章会比较多，先从官方的示例文档开始，能够更好地理解状态管理的概念。

前言

声明式 UI 程序的主要特点是 UI 界面的实际绘制和声明界面的代码是分离的。本人刚接触 Flutter 的时候就很不适应，以前 iOS 写个文本控件，修改文字内容时直接修改 UIText 的 text 属性即可，但是对于 Flutter 而言，Text组件的内容初始化之后不可以直接修改，而是需要通过状态管理更改数据后再触发对应的方法重新构建 UI 界面（典型的就是调用 setState方法触发 build）。这也是现代响应式框架的特点，像 React，Vue，SwiftUI 都是类似的思路。

由于数据和界面分离，使得代码的业务逻辑更清晰，也易于封装和共用。状态管理成为了核心业务所在，因此十分重要。

购物车示例

为了演示状态管理，我们以简单的购物车为例。我们的应用有两个独立的页面：商品列表（GoodsLi