Flutter Widget检查器-不显示

Question

我正在使用Android Studio 3.1.3，而Flutter Inspector却没有显示任何内容。

https://flutter.io/inspector/#flutter-widget-inspector

选择小部件按钮等...未出现。（但是颤动轮廓在闪烁）

我已经安装了flutter和dart插件。

Answer 1

以下步骤帮助我重新获得了Flutter Inspector Widget Tree：

文件->设置->语言和框架-> Flutter：

启用（选中）“在应用启动时打开Flutter Inspector视图”复选框

禁用（取消选中）“禁用跟踪小部件创建位置”复选框

停止，再次启动应用。

Answer 2

使Flutter Widget Inspector工作。

1. 运行该应用程序。
2. 检查模拟器/模拟器显示在哪个屏幕上。
3. 从左侧选择受尊重的文件-Project Explorer

您将能够看到Flutter Widget Inspector的工作：）

P.s。它仍然无法正常工作，选择RenderTree或Performance，然后选择Widget。它将刷新。这就是我的工作方式。

Answer 3

我遇到了同样的问题，看起来好像在打开和关闭 Show repaint Rainbow （正在修复它）并渲染小部件树。

Answer 4

您的Android Studio应该打开flutter项目，而不仅仅是flutter项目中的android项目

Answer 5

1. Android Studio>首选项>语言和框架> Flutter>应用执行>启动时打开Flutter Inspector视图

2. 关闭并重新启动Android Studio>打开任何Flutter项目>打开iOS Simulator或Android Emulator并运行调试模式

3. 视图>工具窗口> Flutter检查器

NB：这项工作对我来说，也希望您也可以：）

Answer 6

这帮助我让它在 VSCode 中重新工作。

1. 如果您正在运行应用程序，请停止模拟器。
2. 在终端中运行 flutter clean
3. 再次运行应用。
4. 按 F1 在 VS Code 中打开命令面板
5. 搜索 Dart: Open Dev Tools 并点击进入
6. 点击Open Widget Inspector Page

小部件检查器现在将显示小部件树。