Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Managing State in Flutter Pragmatically

You're reading from   Managing State in Flutter Pragmatically Discover how to adopt the best state management approach for scaling your Flutter app

Arrow left icon
Product type Paperback
Published in Nov 2021
Publisher Packt
ISBN-13 9781801070775
Length 246 pages
Edition 1st Edition
Languages
Tools
Arrow right icon
Authors (2):
Arrow left icon
Waleed Arshad Waleed Arshad
Author Profile Icon Waleed Arshad
Waleed Arshad
RAHUL AGARWAL RAHUL AGARWAL
Author Profile Icon RAHUL AGARWAL
RAHUL AGARWAL
Arrow right icon
View More author details
Toc

Table of Contents (14) Chapters Close

Preface 1. Section 1:The Basics of State Management
2. Chapter 1: States and State Management Overview FREE CHAPTER 3. Chapter 2: The Core Building Blocks of State Management 4. Section 2:Types, Techniques, and Approaches
5. Chapter 3: Diving into Advanced State Management Approaches 6. Chapter 4: Adopting State Management Approaches from React 7. Chapter 5: Executing Distinctive Approaches Like GetX, GetIt, and Binder 8. Section 3:Code-Level Implementation
9. Chapter 6: Creating a Shopping Cart Application Using Basic Approaches 10. Chapter 7: Manipulating a Shopping Cart Application through BLoC, Provider, and React-Based Approaches 11. Chapter 8: Using GetX, GetIt, and Binder to Update the Cart Application 12. Chapter 9: Comparative State Management Analysis: When to Use What? 13. Other Books You May Enjoy

Creating a cart app using Binder

Let's create our cart application using Binder. You will need to create a new Flutter app named cart_binder, add a dependency for binder and equitable from pub.dev, and copy the item.dart file from the previous section's code into your lib folder. Let's get started:

  1. Create a new file named cart_model.dart and add the following imports first:
    import 'package:binder/binder.dart';
    import 'item.dart';
  2. Add the following line for getting the static list of items to be shown on the main screen:
    List<Item> items = populateItems();
  3. Add the CartModel class underneath the items variable declaration:
    class CartModel {
      List<Item> cart;
      CartModel({required this.cart});
    }

    This class is simple responsible for holding our cart variable:

    final cartRef = StateRef(CartModel(cart: []));
    final cartViewLogicRef = LogicRef((scope) => CartViewLogic(scope));

    As we studied in Chapter 5, Executing...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime