Как использовать Инспектор виджетов Flutter в коде Visual Studio?

Question

Как вы используете инспектор виджетов Flutter , введенный в VSCode и теперь включен ?Когда я отлаживаю приложение из IDE или терминала, ничего не происходит, когда я нажимаю на любой виджет в симуляторе iOS.Я не смог найти информацию о VSCode из Google .

Я нахожусь на MacOS Sierra.

Answer 1

Начиная с версии 2.24, расширение Dart для VS Code интегрировано с Dart DevTools.Это намного лучше по сравнению с оригинальной командой Inspect Widget , упомянутой в stt106.

При активном сеансе отладки откройте палитру команд и найдите команду DevTools.

The first time you run this you'll may be prompted to activate or upgrade.

DevTools will then launch in your browser and connect to your debug session.

There's more info on the functionality of Dart's DevTools в документации DevTools .

Answer 2

При отладке выполните команду Flutter: Inspect Widget , затем нажмите на UI / Widget, он автоматически приведет вас к коду, который генерирует виджет. Он работает только в режиме отладки, и команда недоступна, пока приложение не загружено в режиме отладки.