查看Flutter Navigator的堆栈

34
在执行期间,开发人员有办法查看导航器堆栈的状态吗?
我正在使用 Visual Studio Code 和 Android Studio。
例如:
Navigator 
RouteA
RouteB
RouteD
etc. 

1
如果您使用Android Studio,可以使用小部件检查器检查导航器。并查找其内部历史记录(不确定是否从IDE可见,但这是一个想法)。 - Rémi Rousselet
@RémiRousselet 您是正确的:我可以在Android Studio小部件检查器中看到Navigator(截图:https://imgur.com/a/rYFZjqH)。不幸的是,我无法看到路由堆栈。除非我在错误的地方寻找.. - edmond
1个回答

36

以下是步骤:

  1. 在你想要检查的位置设置断点,该位置必须位于具有contextbuilder函数内部,并在调试模式下运行。 enter image description here

  2. 运行应用程序到断点。

  3. 打开“评估表达式”。 enter image description here

  4. 评估 Navigator.of(context)enter image description here

  5. 检查 _historyenter image description here

在我的例子中,你可以看到历史记录中有2个路由,还有所有相关的可调试数据。

希望对你有所帮助。


3
在 Windows 和 VS Code 上,第 3 步和第 4 步看起来有些不同。只需在屏幕底部的 DEBUGGER CONSOLE 中键入“Navigator.of(context)”。然后继续进行第 5 步。(我是新手,所以这可能是错误的。) - Rivers Cuomo

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接