Skip to content
Videos
Video

Flutter State Management using ValueNotifier and ValueListenableBuilder - No Packages

by Marco Napoli youtube.com

8 min 6.2k views

Dashboard using `ValueNotifier` and `ValueListenableBuilder`. State Management by using built-in Flutter classes. No Packages. What is covered In this project, you are going to take a look at: - How to use `ValueNotifier` and `ValueListenableBuilder` to pass data from a parent (ancestor) widget to child (descendant) widgets in the widget tree - State Management with build-in classes, no packages The Problem: - Dashboard app needs to chart espresso, coffee, and latte consumption - Drawing each bar, the chart needs to refresh independently for performance The Solution: - Use the `ValueNotifier` and `ValueListenableBuilder` to allow to selectively rebuild individual widgets for performance ValueNotifier and ValueListenableBuilder The `ValueNotifier` and `ValueListenableBuilder` allow to selectively rebuild individual widgets for performance 1. Create a class that extends `ValueNotifier` 2. Add fields to contain data defining them as `ValueNotifier` 3. Add methods to modify data and call the `notifyListeners()` method 4. Add the `ValueListenableBuilder` widget in the widget tree to rebuild widgets selectively if the data changed by individual field How it Works `ValueNotifier` and `ValueListenableBuilder` - The `ValueNotifier` and `ValueListenableBuilder` allow to selectively rebuild individual widgets for performance. Use fields to contain data defining them as `ValueNotifier`. Use methods to modify data and call the `notifyListeners()` method. Use the `ValueListenableBuilder` widget in the widget tree to rebuild widgets selectively if the data changed by individual field. GitHub: https://github.com/JediPixels/dashboard_valuenotifier Twitter: https://twitter.com/JediPixels Looking for Updates: https://JediPixels.dev Blog Article: https://jedipixels.dev/flutter-state-management-using-valuenotifier-valuelistenablebuilder Subscribe: https://www.youtube.com/JediPixels?sub_confirmation=1 #flutter #fluttertutorial #dart #flutterdev

Made by

Marco Napoli @marconapoli 🇺🇸 United States

Available for hire

Marco Napoli is the CEO of Pixolini an experienced mobile, web and desktop app developer. He has a proven record in developing visually elegant and simple-to-us...

View Marco on Flutter Pro
Forum

Questions about this, or something to add?

Discuss on the forum

Topics State management Performance

It's All Widgets

Apps by Marco Napoli

  • Fatima Prayers screenshot

    Fatima Prayers

    The Five Fatima Prayers

    Lifestyle 5.0
  • Conyers - Our Loving Mother screenshot

    Conyers - Our Loving Mother

    On November 30, 1987, while Nancy was in silent prayer of the heart in her home, the Crucifix was illuminated in a bright whiter than white light. The image of the corpus was engulfed in light and became lifelike.

    Lifestyle 4.4
  • Nine Choirs of Angels screenshot

    Nine Choirs of Angels

    The Nine Choirs of Angels, are hierarchical orders or choirs of angels in heaven. These choirs are grouped into three spheres, each consisting of three choirs, based on their proximity to God and their assigned duties.

    Books & Reference 4.2
  • TimeStamp Private Journal screenshot
    Featured

    TimeStamp Private Journal

    Capture life’s moments with TimeStamp! Cherish connections by tracking everyone who shared your special times. Download now and make your memories unforgettable!

    Lifestyle 5.0

Report this · Wrote this? Claim it

Supported by