How to use the Flutter Widget Inspector

Parth Virani Notes

Home
Flutter notes
Flutter notes
- 0001 best coding pratice to follow in oceanmtech
  0001 best coding pratice to follow in oceanmtech
- 0002 best app architecture to follow
  0002 best app architecture to follow
- 0003 bloc state managment
  0003 bloc state managment
- 0004 firebase analytics
  0004 firebase analytics
Flutter tips
Flutter tips
- 0001 flutter reusable split view on mobile desktop and web
  0001 flutter reusable split view on mobile desktop and web
- 0002 flutter create sample
  0002 flutter create sample
- 0003 accept payments with the stripe sdk
  0003 accept payments with the stripe sdk
- 0004 flutter lints package
  0004 flutter lints package
- 0005 use the devtools to identify jank and shader compilation issues
  0005 use the devtools to identify jank and shader compilation issues
- 0006 flutter fix all command
  0006 flutter fix all command
- 0007 how to set the border radius on a flutter container
  0007 how to set the border radius on a flutter container
- 0008 chat ui with message bubbles
  0008 chat ui with message bubbles
- 0009 chat ui with message bubbles revisited
  0009 chat ui with message bubbles revisited
- 0010 how to generate fake data with the faker package
  0010 how to generate fake data with the faker package
- 0011 how to style an elevatedbutton in flutter
  0011 how to style an elevatedbutton in flutter
- 0012 how to validate a textfield in flutter
  0012 how to validate a textfield in flutter
- 0013 responsive flutter card layout with sizedbox center
  0013 responsive flutter card layout with sizedbox center
- 0014 how to navigate programmatically between tabs in flutter
  0014 how to navigate programmatically between tabs in flutter
- 0015 asyncvaluewidget a reusable flutter widget to work with asyncvalue
  0015 asyncvaluewidget a reusable flutter widget to work with asyncvalue
- 0016 easily handle loading and error states
  0016 easily handle loading and error states
- 0017 six common sources of errors in flutter apps
  0017 six common sources of errors in flutter apps
- 0018 how to create a flutter gridview with content sized items
  0018 how to create a flutter gridview with content sized items
- 0019 how to use robot testing to write more readable widget tests
  0019 how to use robot testing to write more readable widget tests
- 0020 how to configure multiple firebase environments with flutterfire cli
  0020 how to configure multiple firebase environments with flutterfire cli
- 0021 repositories as abstract classes
  0021 repositories as abstract classes
- 0022 app development workflow in six steps
  0022 app development workflow in six steps
- 0023 the gap widget
  0023 the gap widget
- 0024 simplified flutter app localization
  0024 simplified flutter app localization
- 0025 how to run flutter integration tests at hyper speed
  0025 how to run flutter integration tests at hyper speed
- 0026 running tests with github actions
  0026 running tests with github actions
- 0027 better comments extension for vscode
  0027 better comments extension for vscode
- 0028 ddd the domain model
  0028 ddd the domain model
- 0029 domain driven exception handling
  0029 domain driven exception handling
- 0030 vscode launch configurations
  0030 vscode launch configurations
- 0031 how to use the flutter widget inspector
  0031 how to use the flutter widget inspector
- 0032 flutter tip use composition aggressively
  0032 flutter tip use composition aggressively
- 0033 vscode extensions to speed up your flutter workflow
  0033 vscode extensions to speed up your flutter workflow
- 0034 how to use widgetsbindingobserver
  0034 how to use widgetsbindingobserver
- 0035 asyncvalue vs futurebuilder streambuilder
  0035 asyncvalue vs futurebuilder streambuilder
- 0036 gorouter go vs push
  0036 gorouter go vs push
- 0037 rules to follow for good app architecture
  0037 rules to follow for good app architecture
- 0038 popular architectures for flutter development
  0038 popular architectures for flutter development
- 0039 flutter project structure feature first or layer first
  0039 flutter project structure feature first or layer first
- 0040 anatomy of a riverpod provider
  0040 anatomy of a riverpod provider
- 0041 using fake repositories for testing
  0041 using fake repositories for testing
- 0042 how to generate and analyze a flutter test coverage report in vscode
  0042 how to generate and analyze a flutter test coverage report in vscode
- 0043 how to write a reactive in memory store with rxdart
  0043 how to write a reactive in memory store with rxdart
- 0044 async value guard vs try catch
  0044 async value guard vs try catch
- 0045 the map update method
  0045 the map update method
- 0046 riverpod difference between ref watch ref read ref listen
  0046 riverpod difference between ref watch ref read ref listen
- 0047 why write automated tests
  0047 why write automated tests
- 0048 testing functions that throw
  0048 testing functions that throw
- 0049 dart 2 17 super initializers
  0049 dart 2 17 super initializers
- 0050 dart 2 17 enhanced enums with members
  0050 dart 2 17 enhanced enums with members
- 0051 golden image testing with robot testing
  0051 golden image testing with robot testing
- 0052 custom test timeout
  0052 custom test timeout
- 0053 how to create dartpad examples from github gists
  0053 how to create dartpad examples from github gists
- 0054 riverpod tip less boilerplate
  0054 riverpod tip less boilerplate
- 0055 run multiple test variants
  0055 run multiple test variants
- 0056 async init provider overrides
  0056 async init provider overrides
- 0057 singletons flutter
  0057 singletons flutter
- 0058 using test tags
  0058 using test tags
- 0059 register listener riverpod
  0059 register listener riverpod
- 0060 build context async gaps
  0060 build context async gaps
- 0061 flutter errors vs exceptions
  0061 flutter errors vs exceptions
- 0062 try catch result type
  0062 try catch result type
- 0063 either type fpdart
  0063 either type fpdart
- 0064 all riverpod providers
  0064 all riverpod providers
- 0065 kIsWeb
  0065 kIsWeb
- 0066 html unescape
  0066 html unescape
- 0067 rest client vscode
  0067 rest client vscode
- 0068 enable asserts flag
  0068 enable asserts flag
- 0069 sizedbox shrink
  0069 sizedbox shrink
- 0070 localizations
  0070 localizations
- 0071 const vs final vs var
  0071 const vs final vs var
- 0072 use type annotations for safer code
  0072 use type annotations for safer code
- 0073 enhance readability with typdef
  0073 enhance readability with typdef
- 0074 pass functions as arguments
  0074 pass functions as arguments
- 0075 build runner watch
  0075 build runner watch
- 0076 sticky scroll vscode
  0076 sticky scroll vscode
- 0077 animatedcontainer
  0077 animatedcontainer
- 0078 file nesting vscode
  0078 file nesting vscode
- 0079 string multiplication
  0079 string multiplication
- 0080 future.wait
  0080 future.wait
- 0081 future provider riverpod generator
  0081 future provider riverpod generator
- 0082 cloud firestore collection count
  0082 cloud firestore collection count
- 0083 version lens vscode
  0083 version lens vscode
- 0084 firestore query builder
  0084 firestore query builder
- 0085 chatgpt styling
  0085 chatgpt styling
- 0086 firebase docs dart samples
  0086 firebase docs dart samples
- 0087 accessibility tools
  0087 accessibility tools
- 0088 list single
  0088 list single
- 0089 server timestamp
  0089 server timestamp
- 0090 context mounted
  0090 context mounted
- 0091 dart fix apply
  0091 dart fix apply
- 0092 firebase billling
  0092 firebase billling
- 0093 riverpod part
  0093 riverpod part
- 0094 add provider scope
  0094 add provider scope
- 0095 stream provider generator
  0095 stream provider generator
- 0096 cloud firestore cache size
  0096 cloud firestore cache size
- 0097 riverpod notifier build argument
  0097 riverpod notifier build argument
- 0098 firestore list view
  0098 firestore list view
- 0099 firestore or query
  0099 firestore or query
- 0100 security rules playground
  0100 security rules playground
- 0101 backend agnostic
  0101 backend agnostic
- 0102 dart define from file
  0102 dart define from file
- 0103 simple auth firebase ui
  0103 simple auth firebase ui
- 0104 firebase duplicate app
  0104 firebase duplicate app
- 0105 flutter create empty
  0105 flutter create empty
- 0106 return no await
  0106 return no await
- 0107 happy birthday records dart 3
  0107 happy birthday records dart 3
- 0108 media query inherited model
  0108 media query inherited model
- 0109 records equality
  0109 records equality
- 0110 riverpod watch future provider
  0110 riverpod watch future provider
- 0111 destructure lists dart
  0111 destructure lists dart
- 0112 switch matrix
  0112 switch matrix
- 0113 conditional json parsing
  0113 conditional json parsing
- 0114 minimize firebase bill
  0114 minimize firebase bill
- 0115 switch newline
  0115 switch newline
- 0116 measure time
  0116 measure time
- 0117 are global variables bad
  0117 are global variables bad
- 0118 network view devtools
  0118 network view devtools
- 0119 constructor required named vsassist
  0119 constructor required named vsassist
- 0120 set html window url
  0120 set html window url

Need to quickly become familiar with a new codebase?

The Widget Inspector is a great tool for that!

It lets you select widgets on your running app, and see:

where they live in the widget tree
where they are declared in your code

keeping everything in sync. 👌

Previous	Next
VSCode launch configurations	Flutter tip: use composition aggressively

Last update: 18 septembre 2023
Created: 18 septembre 2023

How to use the Flutter Widget Inspector¶