如何调试Flutter Redux应用程序

Question

我对flutter陌生，将在我的flutter应用程序中实现redux框架。我想监视应用程序的状态，因此想知道是否可以使用Redux Flutter调试器。

Answer 1

您可以使用由制作flutter_redux软件包的人Brian Egan构建的Flutter Redux Time Travel。使用此工具，您可以在应用程序中调试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),
     ),
   ),
);

您将看到在应用程序栏右侧的抽屉汉堡图标，它将帮助您浏览应用程序状态。