State Management Mechanism in Flutter

Before discussing the State Management Mechanism in Flutter, let’s get a brief introduction about State in Flutter. In flutter, state related to the widget information when the widget is created. The state might be changed through the life cycle of the widget.

There is a variety of State Management Mechanism in Flutter. Let’s discuss a few of them :

1. setState

This method is one of the most used methods for state management in a flutter. This method internally calls the build method which has a return type of Widget to rendering the view. Every time we invoke this method it directly calls the build method and UI will update accordingly.

void _incrementCounter() {
    setState(() {
      if (_counter == 5) {
        levelReached = true;
      }
      _counter++;
    });
  }

void _incrementCounter() {

setState(() {

if (_counter == 5) {

levelReached = true;

}

_counter++;

});

}

In the above piece of code, we have set the flag “levelReached” to true for handling the click event on the button. If it is true then it will call “blankMethod” otherwise it will call the “_incrementCounter” method and update the counter value.

floatingActionButton: FloatingActionButton(
        onPressed: levelReached ? blankMethod : _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      )

floatingActionButton: FloatingActionButton(

onPressed: levelReached ? blankMethod : _incrementCounter,

tooltip: 'Increment',

child: Icon(Icons.add),

)

2. Provider

It is the most basic of the provider widget in flutter. We can use it to pass data (normally data models) b/w the widget tree. But it doesn’t help you to update the widget tree when data changes. For updating the widget, we can use “ChangeNotifierProvider”. for example:

class Increment extends ChangeNotifier{
  var intVar = 0;
  int get getCounter {
    return intVar;
  }

  void incrementCounter() {
    intVar += 1;
    notifyListeners();
  }
}

class Increment extends ChangeNotifier{

var intVar = 0;

int get getCounter {

return intVar;

}

void incrementCounter() {

intVar += 1;

notifyListeners();

}

Created a class that extends the change notifier class. In this class, we have define a getter method and incremental method for getting and incrementing the values. Then we use this class in the main class where we want to change the values:

 void _incrementCounter() {
    Provider.of<Increment>(context, listen: false).incrementCounter();

  }

void _incrementCounter() {

Provider.of<Increment>(context, listen: false).incrementCounter();

}

There are many methods in flutter for state management, but here we have explained a few of them.

1.InheritedWidget & InheritedModel

2. Redux

3. Fish-Redux

4.BLoc

5. GetX

6. RiverPod

7. Binder

You can use any of them according to your usage. All the mechanisms have their own benefits and demerits. We can use them as per our requirements.

Also, check the following link: State Management approaches in Flutter

Abhishek Rathore 29 January 2021

. . .

State Management Mechanism in Flutter

There is a variety of State Management Mechanism in Flutter. Let’s discuss a few of them :

1. setState

2. Provider

You can use any of them according to your usage. All the mechanisms have their own benefits and demerits. We can use them as per our requirements.

Also, check the following link: State Management approaches in Flutter

Leave a Comment Cancel Reply

Message Sent!