Revison - Flutter Dev Tools

Question 1

What does the Select Widget Mode toggle do to the Flutter Inspector?

Answer 1

Enables devloper to tap directly on a UI element on physical device or emulator to let the emulator to jump and highlight the specific widget in the widget tree

Question 2

Which tools help us to fix overflow errors? (Row, Columns)

Answer 2

The Layout Explorer

Question 3

Which toggle should us enable to see the borders, padding, and alignment boxes of every widget drawn on the screen?

Answer 3

Debug Paint

Question 4

What does Slow Animations toggle do?

Answer 4

Slows down all animations, useful for spotting visual glitches

Question 5

What visual indicator does Flutter use on the emulator/device to show that a widget has exceeded its layout constraints?

Answer 5

Hazard Tape (Yellow and black striped warning box)

Question 6

Which dev tools let us see if the UI is taking longer than 16ms to render a frame?

Answer 6

The Performance View

Question 7

Which dev tools let us see if an API call to backend database succeeded, and to inspect the JSON data that was returned?

Answer 7

The Network View

Question 8

Which dev tools let us hunt down memory leaks?

Answer 8

The Memory View