Flutter Widget Inspector - Not displaying

Question

I am using Android Studio 3.1.3 and my flutter inspector doesn't show anything in it.

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

select widget button etc... are not appearing.(However flutter outline is wokring)

I have installed both flutter and dart plugins.

Answer 1

1. Android Studio > Preferences > Languages & Frameworks > Flutter > App Execution > Open Flutter Inspector view on launch

2. Close and Relaunch Android Studio > Open any Flutter Project > Open iOS Simulator or Android Emulator and Run Debug Mode

3. View > Tool Window > Flutter Inspector

NB: In order for something to show up in the Flutter Inspector, your app has to be running on a Device or on a Simulator or Emulator.

Answer 2

To make Flutter Widget Inspector work.

1. Run the App.
2. Check the emulator/simulator which screen is on.
3. Select the respected file from the Left side - Project Explorer

And you will be able to see the Flutter Widget Inspector working :)

P.s. It is still not working, Select RenderTree or Performance and then Widget. It will get refreshed. This is how it is working at my end.

Answer 3

The following steps helped me to get Flutter Inspector Widget Tree back:

File -> Settings -> Languages & Frameworks -> Flutter:

Enable (Check) "Open Flutter Inspector view on app launch" checkbox

Disable (Uncheck) "Disable tracking widget creation locations" checkbox

Stop, start the app again.

Answer 4

I had the same problem and looks like toggling on and off Show repaint Rainbow is fixing it and renders the widget tree.

Answer 5

This helped me get it back to work in VSCode.

1. Stop the emulator if you are running the app.
2. Run flutter clean in your terminal
3. Run the app again.
4. Open Command Palette in VS Code by pressing F1
5. Search for Dart: Open Dev Tools and click enter
6. Click Open Widget Inspector Page

The Widget Inspector will now display the Widget Tree.