创建小部件时的 Flutter redux 调度事件

Question

我想在构建小部件时使用 redux 操作加载数据。比如说：

用户打开应用程序，然后呈现 HomeScreen 组件，此页面上有一些类别。

我已经实现了支持多个商店（尚未测试）的 AppState，该商店使用 FlutterStorage 在 main() 中填充初始数据。

因此，在 HomeScreen 中，我可以使用 StoreConnector 从 build() 访问数据，因为在转换器中我将获得商店，因此我可以调度事件或读取应用程序状态。但这只是在 build() 内部有问题，因为如果在 render 方法中调度 LoadCategories 事件，那么它将进入无限循环。

在 reactjs 中，我能够将调度映射到组件（小部件）属性，因此在 componentDidMount 中我能够获取数据。这在 Flutter 中似乎是不可能的。

任何想法如何实现这一目标？

谢谢

Answer 1

可能不是最好的答案，但我注意到 StoreConnector 有一个 onInit 属性，它可以满足我的需要。

 @override
 Widget build(BuildContext context) {
   return new StoreConnector<AppState, List<Category>>(
    onInit: (store) {
      store.dispatch(LoadCategoriesAction());
    },
    builder: (context, categories) {

Answer 2

您的答案是正确的，但根据您的用例，还有另一种选择。根据文档，您可以使用onInit或onInitialBuild。

初始化

这对于在首次显示 Widget 时调度为其获取数据的操作非常有用。

初始构建时

这对于在第一次构建 Widget 后启动某些动画（例如显示 Snackbars）非常有用。