設置 DevTools 失敗（Flutter Inspector）

Question

我無法在谷歌或 StackOverflow 上找到解決方案。 只有 1 個問題回答了與此問題相關的 [https://stackoverflow.com/questions/64655867/about-android-studio-and-flutter-inspector]，但是對於像我這樣的初學者來說，不清楚是什么確切地做。

附加信息：

• 操作系統：Windows
• Android 工作室版本 4.1.1
• 當我打開 flutter 檢查面板時，應用程序正在 avd 中運行。
• 停止並再次運行該應用程序。
• 以前，我在某處讀到如果檢查器沒有顯示任何內容，請單擊任何按 ctrl 鍵的小部件。 這以前有效，但現在無效。 當然，那是不同的錯誤和不同的情況。
• flutter醫生截圖也附上

flutter 檢查員截圖

flutter醫生截圖

Answer 1

來自相關問題的這個答案有所幫助。

...第三個（對我有用的那個）：go 到 File > Settings > Languages & Frameworks > Flutter > Experiments ... 然后你應該取消選中“Enable embedding DevTools in the ZC047B10EEE7777763AFB6164E0”。 這應該允許您在本地使用 devtools 而不是嵌入式的。

圖片供參考

資料來源： https://stackoverflow.com/a/65542661/17789382

Answer 2

使用命令dart devtools從終端啟動 Flutter DevTools，這會在瀏覽器中打開 DevTools。 連接到偵聽調試/運行服務的地址。 當應用程序開始運行時，可以在控制台中找到地址。 例如： ws://127.0.0.1:54851/JF3H6rhQnN0=/ws 。

Answer 3

以下步驟幫助我找回了 Flutter Inspector Widget Tree，希望它對您也有幫助：

1. 文件 -> 設置 -> 語言和框架 -> Flutter：
2. 啟用（檢查）“在應用啟動時打開 Flutter Inspector 視圖”
3. 停止並重新啟動應用程序。

注意：為了在 Flutter Inspector 中顯示某些內容，您的應用程序必須在設備或模擬器或仿真器上運行。