State Explained | Flutter for Web Developers

What’s State?

The State class in Flutter is an abstract class that holds the logic and internal state for a StatefulWidget.

Check the official documentation for more.

State explained for Web Developers

State is information that can be read synchronously when the widget is built and might change during the widget’s lifetime. The widget implementer must ensure that the State is notified of changes using the setState method. This concept is similar to state management in Web APIs like React, Angular, and Vue, where components maintain their own state and re-render when that state changes.

Example Code

Here is an example of how to use State:

class MyWidget extends StatefulWidget {
  @override
  MyWidgetState createState() => MyWidgetState();
}

class MyWidgetState extends State<MyWidget> {
  int counter = 0;

  void incrementCounter() {
    setState(() {
      counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Text('Counter: $counter');
  }
}