Flutter 完全手册 - 小德_REN - 掘金小册51.pdfVIP

2019/6/18 Flutter 完全手册 - 小德_REN - 掘金小册 Flutter 完全手册 使用 ScopedModel 对豆瓣电影 App 进行重构 本节使用 ScopedModel 对豆瓣电影 App 进行重构。 重构后的工程路径 StateManager/flutter_doubanmovie_scopedmodel ScopedModel ScopedModel 是一个可以对状态进行管理的第三方库，该库是从 Fuchsia 的代码库中提取 的。 ScopedModel 的使用 使用 ScopedModel 进行状态管理，要用到这个库提供的三个类，掌握这三个类的使用，就 掌握了 ScopedModel。这三个类分别是： Model ScopedModel ScopedModelDescendant Model Model 是类，用来存储全局状态，当状态发生变化时，调用 notifyListeners() 方法， 就会通知给依赖这个状态的子 Widget，引起子 Widget 的创建。我们需要继承 Model 类来 写自己的 Models，例如 我们写一个 UserModel，里面可以用来存储用户的用户名和 token。 ScopedModel https://juejin.im/book/5c5423ef6fb9a049cd54a213/section/5ce47596f265da1bab2983d7 1/ 10 2019/6/18 Flutter 完全手册 - 小德_REN - 掘金小册 ScopedModel 是 Widget，用来共享全局状态，可以将 Model 里的状态传递给它的子 Flutter 完全手册 Widget。为了将状态传递给子 Widget，我们需要使用 ScopedModel 来包 Model。 ScopedModelDescendant ScopedModelDescendant 也是 Widget，用于需要依赖 Model 里状态的子 Widget 中，而 且会自动订阅 Model 里状态的变化，当 Model 里状态发生变化时，就会触发 ScopedModelDescendant 的重建。 子Widget 中获取 Model 的方法 有两种方法可以在子 Widget 中获取 Model： 1. 使用 ScopedModelDescendant，可以获取 Model，并且在 Model 变化时会重建。 2. 使用 ScopedModel.of 的静态方法获取 Model 实例，但是无法收到 Model 变化的通 知。如果需要频繁使用，可以在 Model 里写一个静态方法，下面会讲到。 使用 ScopedModel 重构 在 pubspec.yaml 里添加 ScopedModel 库的依赖： dependencies: ... scoped_model: ^1.0.1 在 VS Code 里选择保存后，会自动下载依赖库。 第一步，是创建 CityModel 类，里面存储 curCity 的值，同时写一个可以设置 curCity 值的方法，并且在这个方法里，当 curCity 的值设置完后，还需要调用 notifyListeners() ： class CityModel extends Model { String curCity; void setCurCity(String city) {