flutter - 使用 Flutter 和 Redux 或 AsyncRedux，如何将小部件与应用程序状态分离？

Question

假设 Flutter 应用使用 Redux 进行状态管理(flutter_redux 或 async_redux)。

状态在类AppState , 商店是 Store<AppState> (例如:http://flutterbyexample.com/app-state-model)。

然后容器小部件使用 StoreConnector<AppState, ...> , 这取决于 AppState .这些小部件与 AppState 紧密耦合.那么我怎样才能在其他应用程序中重用这些小部件，因为其他应用程序有不同的 AppState ？

如果小部件依赖于 AppState，我什至如何相互独立地开发和测试容器小部件？ , 和 AppState它们之间有共同点吗？

Answer 1

In this blog post我将解释如何开始将 Redux 与 Flutter 结合使用。

从代码示例中可以看出，您可以创建一个 ViewModel 类，而不是将您的 Widget 耦合到 State，这意味着如果您为计划重用的每个 Widget 创建一个 ViewModel 类，您应该能够创建用于测试的测试 ViewModel 对象并在多个项目中重用这些 Widget。

编辑:

您可以创建一个特定于该 Widget 的 State 类(即 ToggleState 并编写您的应用程序 State 带有 ToggleState 对象的类:

class AppState {
  final ToggleWidgetState onOffState;
}

class ToggleWidgetState {
  final bool isOn;
}

和您的 ViewModel 可以从那个 ToggleWidgetState 而不是整个 AppState 创建，因此请尝试从各种较小的状态组成您的应用程序状态对象。