Where can I find Flutter layout inspector in Visual Code Studio?

user_7200875 0
Viewed 1053

I mean this one: enter image description here

I can see this: enter image description here

As far as I remember Visual Code used to have it too even though it was accessible as a Chrome tab instead of a Visual Studio Code tab.

Currently I only see the widget tree, I'm sure there is a inspector for memory, performance...

flutter-layout dart flutter visual-studio-code visual-studio
3 Answers

Practically there is no such Layout inspector in VSCode.

What you can do is as follows:

  1. Run your app on the physical device or on the emulator.
  2. Press Ctrl + Alt + D on windows OS.
  3. Your Profiler will run on WEB

In simple words what you have shown in the first image is what is possible in VSCode. In Android Studio you have it located at the bottom(the status bar)

user_137705850

Version: 1.50.1

You should be able to view it in Dart: Open DevTools sectionenter image description here

user_68458900

The issue is that currently for web only the widget inspector & debugger are available, see this issue.

If like me you agree that a message to inform the dev why these are not available instead of being mysteriously missing, upvote the GitHub issue.

user_98722880
Related