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 shopping cart application with setState

Without any further ado, let's jump directly into the code, as follows:

  1. Create a new Flutter application in the same way as we have been doing in the previous chapters. Name this application cart_set_state.
  2. Create a new file named item.dart and add a model class named Item, as follows:
    class Item {
      final String? name;
      final String? price;
      Item({this.name, this.price});
    }
  3. In order to create sample data for our product list, we are creating a function that does the work for us. Add the following function below the Item class in the item.dart file:
    List<Item> populateItems() {
      return [
        Item(name: 'Keyboard', price: '24'),
        Item(name: 'Mouse', price: '20'),
        Item(name: 'LED Screen', price: '44'),
        Item(name: &apos...
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