如何调试 Flutter Redux 应用程序答案

【问题标题】：How to debug a flutter redux application如何调试 Flutter Redux 应用程序
【发布时间】：2019-09-07 11:37:57
【问题描述】：

我是 Flutter 新手，将在我的 Flutter 应用程序中实现 redux 框架。我想监视我的应用程序的状态，因此想知道我是否可以使用 redux 颤振调试器。

【问题讨论】：

它在官方网站上，但您需要通过它... flutter.dev/docs/testing/… 由于您的问题与代码的一部分无关，我们不知道您卡在哪里以及要做什么使固定。所以，很难告诉你.. 这是另一个链接medium.com/flutter-community/…。
我希望能够查看flutter应用的redux store中发生的状态变化。

【解决方案1】：

您可以使用由 Brian Egan 构建的 Flutter Redux Time Travel，他是制作 flutter_redux 包的同一人。有了这个，您可以在您的应用程序中调试 redux 状态，还可以查看您之前经历的状态。

实现非常简单。在开发过程中，您使用DevToolsStore 而不是普通的Store，并在您的StoreProvider 中使用它。

// Create a DevToolsStore instead of a normal Store during Development
final devStore = DevToolsStore<MyAppState>(
  myReducer,
  initialState: MyAppState()
);

您的StoreProvider 应如下所示：

StoreProvider(
     store: this.devStore,
     child: MaterialApp(
     // Omitting some boilerplate here
     home: Scaffold(
       endDrawer: ReduxDevTools<MyAppState>(store),
     ),
   ),
);

您将在应用栏右侧看到一个抽屉汉堡图标，它可以帮助您浏览应用状态。

【讨论】：