Menu
Is there any way to inspect Flutter App elements in emulator? I am using VS code not android studio I want to inspect element from running emulator .
479
Get started. To debug a layout issue, run the app in debug mode and open the inspector by clicking the Flutter Inspector tab on the DevTools toolbar.
To open the Widget Inspector, you can either click the Dart devtools icon or use the key combination Control-Shift-P in VS Code. The first column (red) displays the current state of the widget tree. Clicking any of its elements will allow you to explore two tabs in the second column (orange).
Starting with version 2.24.0 the DevTools option is the new feature for debugging and inspecting.
Open the command palette Ctrl+Shift+P and type:
>Dart: Open DevTools To access it your debug session must be running:
111
as Danny Tuppeny (the creator of the dart plugin in VScode) montined :
the Flutter Inspector is not currently available in VS Code
you can follow this issue for more updates
UPDATE :
in the new Dart Code plugin for VS Code there is something similar look here
23
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
