Flutter State Management using InheritedWidget for Journal App
In this Flutter video, you are going to take a look at how to use the InheritedWidget for State Management - No Packages.
• How to use InheritedWidget to pass data from a parent (ancestor) widget to child (descendant) widgets in the widget tree
The Problem:
- Journal app has a mood selector value to be available to all pages.
- All pages need to read selected mood from the parent page.
The Solution:
- Use the InheritedWidget to allow child pages (widgets) to access the parent page selected mood by going up the widget tree.
The InheritedWidget is immutable and allows child widgets to access data (state) above in the widget tree
1. Create a class that extends InheritedWidget
2. Add fields to contain data
3. Add the of() method to access the InheritedWidget from child widgets
4. Add the updateShouldNotify() method to notify (via Flutter framework) widgets to rebuild if the data changed
How it Works:
- InheritedWidget – The InheritedWidget is great to pass data from an ancestor widget to descendent widget. The InheritedWidget is immutable and the data (attributes) are final (cannot change) and the Flutter framework rebuilds the InheritedWidget to refresh with new data.
GitHub: https://github.com/JediPixels/journal_inheritedwidget
Twitter: https://twitter.com/JediPixels
Looking for Updates: https://JediPixels.dev
Blog Article:https://jedipixels.dev/flutter-state-management-using-inheritedwidget-for-journal-app
#flutter #fluttertutorial #dart
-
8:11
JediPixels
1 year agoFlutter State Management using ValueNotifier and ValueListenableBuilder - No Packages
21 -
27:07
JediPixels
2 years agoFlutter's Way State Management - No Packages
222 -
10:23
trey_codes
1 year agoHow To Create A List View Builder of NBA Teams In Flutter - Flutter Widget Tutorial
11 -
6:43
trey_codes
1 year agoHow To Layer Multiple Child Widgets With The Stack Widget In Flutter - Flutter Widget Tutorial
37 -
39:39
Super Declarative!
3 years agoNest Protect Hero in Flutter | Widget Workshop
40 -
34:51
Super Declarative!
3 years agoFlutter Text Scroller | Widget Workshop
8 -
54:44
Super Declarative!
3 years agoFlutter Circle Reveal Onboarding | Widget Workshop
33 -
8:07
trey_codes
1 year agoHow To Handle State Management In Flutter With Flutter BLoC - Building Business Logic Components
12 -
2:39
trey_codes
1 year agoHow To Style Your Text Fields Using The Rich Text Widget In Flutter - Flutter Widget Tutorial
8 -
17:45
Super Declarative!
3 years agoFlutter Message Flash | Widget Workshop
57