CODEWITHSUNDEEP
visual-studioflutterdartvisual-studio-codeflutter-layout
Tomas Baran
Tomas Baran

Reputation: 1983

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

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...

Upvotes: 3

Views: 2648

Answers (3)

Merritt
Merritt

Reputation: 564

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.

Upvotes: 0

Ninja
Ninja

Reputation: 386

Version: 1.50.1

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

Upvotes: 1

GN Vageesh
GN Vageesh

Reputation: 370

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)

Upvotes: 1

Related Questions