Summary  
This chapter covers using the setState method to update a widget’s local state and trigger its rebuild so the UI reflects the latest state changes.

General domain of usage  
Interactive user interface development

**Video Overview:**  
This video introduces the `setState` method in Flutter, explaining its purpose in managing widget state and updating the UI. You will see how `setState` is used in practice, why it is essential for stateful widgets, and some common scenarios where it is applied.

**Flutter apps** are built from widgets, and many of these widgets need to change over time in response to user interactions or data updates. To handle these dynamic changes, Flutter provides **stateful widgets**. A stateful widget has a mutable state object that can update its appearance or behavior. The `setState` method is central to this process: it tells Flutter that the widget's state has changed and the UI should be rebuilt to reflect those changes.

aW1wb3J0ICdwYWNrYWdlOmZsdXR0ZXIvbWF0ZXJpYWwuZGFydCc7Cgp2b2lkIG1haW4oKSA9PiBydW5BcHAoY29uc3QgQ291bnRlckFwcCgpKTsKCmNsYXNzIENvdW50ZXJBcHAgZXh0ZW5kcyBTdGF0ZWxlc3NXaWRnZXQgewogIGNvbnN0IENvdW50ZXJBcHAoe3N1cGVyLmtleX0pOwoKICBAb3ZlcnJpZGUKICBXaWRnZXQgYnVpbGQoQnVpbGRDb250ZXh0IGNvbnRleHQpIHsKICAgIHJldHVybiBjb25zdCBNYXRlcmlhbEFwcCgKICAgICAgaG9tZTogQ291bnRlcldpZGdldCgpLAogICAgKTsKICB9Cn0KCmNsYXNzIENvdW50ZXJXaWRnZXQgZXh0ZW5kcyBTdGF0ZWZ1bFdpZGdldCB7CiAgY29uc3QgQ291bnRlcldpZGdldCh7c3VwZXIua2V5fSk7CgogIEBvdmVycmlkZQogIFN0YXRlPENvdW50ZXJXaWRnZXQ+IGNyZWF0ZVN0YXRlKCkgPT4gX0NvdW50ZXJXaWRnZXRTdGF0ZSgpOwp9CgpjbGFzcyBfQ291bnRlcldpZGdldFN0YXRlIGV4dGVuZHMgU3RhdGU8Q291bnRlcldpZGdldD4gewogIGludCBfY291bnQgPSAwOwoKICB2b2lkIF9pbmNyZW1lbnRDb3VudGVyKCkgewogICAgc2V0U3RhdGUoKCkgewogICAgICBfY291bnQgKz0gMTsKICAgIH0pOwogIH0KCiAgQG92ZXJyaWRlCiAgV2lkZ2V0IGJ1aWxkKEJ1aWxkQ29udGV4dCBjb250ZXh0KSB7CiAgICByZXR1cm4gU2NhZmZvbGQoCiAgICAgIGFwcEJhcjogQXBwQmFyKHRpdGxlOiBjb25zdCBUZXh0KCdDb3VudGVyIEV4YW1wbGUnKSksCiAgICAgIGJvZHk6IENlbnRlcigKICAgICAgICBjaGlsZDogVGV4dCgKICAgICAgICAgICdDb3VudDogJF9jb3VudCcsCiAgICAgICAgICBzdHlsZTogY29uc3QgVGV4dFN0eWxlKGZvbnRTaXplOiAzMiksCiAgICAgICAgKSwKICAgICAgKSwKICAgICAgZmxvYXRpbmdBY3Rpb25CdXR0b246IEZsb2F0aW5nQWN0aW9uQnV0dG9uKAogICAgICAgIG9uUHJlc3NlZDogX2luY3JlbWVudENvdW50ZXIsCiAgICAgICAgY2hpbGQ6IGNvbnN0IEljb24oSWNvbnMuYWRkKSwKICAgICAgKSwKICAgICk7CiAgfQp9

When you call `setState` inside a stateful widget, Flutter marks that widget as "dirty" and schedules a rebuild. This means the `build` method runs again, updating the UI to show the latest state values. In the counter example, pressing the button calls `_incrementCounter`, which uses `setState` to increase `_count`. Flutter then rebuilds the widget, and you see the new count on screen.

aW1wb3J0ICdwYWNrYWdlOmZsdXR0ZXIvbWF0ZXJpYWwuZGFydCc7Cgp2b2lkIG1haW4oKSA9PiBydW5BcHAoY29uc3QgVG9nZ2xlQXBwKCkpOwoKY2xhc3MgVG9nZ2xlQXBwIGV4dGVuZHMgU3RhdGVsZXNzV2lkZ2V0IHsKICBjb25zdCBUb2dnbGVBcHAoe3N1cGVyLmtleX0pOwoKICBAb3ZlcnJpZGUKICBXaWRnZXQgYnVpbGQoQnVpbGRDb250ZXh0IGNvbnRleHQpIHsKICAgIHJldHVybiBjb25zdCBNYXRlcmlhbEFwcCgKICAgICAgaG9tZTogVG9nZ2xlV2lkZ2V0KCksCiAgICApOwogIH0KfQoKY2xhc3MgVG9nZ2xlV2lkZ2V0IGV4dGVuZHMgU3RhdGVmdWxXaWRnZXQgewogIGNvbnN0IFRvZ2dsZVdpZGdldCh7c3VwZXIua2V5fSk7CgogIEBvdmVycmlkZQogIFN0YXRlPFRvZ2dsZVdpZGdldD4gY3JlYXRlU3RhdGUoKSA9PiBfVG9nZ2xlV2lkZ2V0U3RhdGUoKTsKfQoKY2xhc3MgX1RvZ2dsZVdpZGdldFN0YXRlIGV4dGVuZHMgU3RhdGU8VG9nZ2xlV2lkZ2V0PiB7CiAgYm9vbCBfc2hvd1RleHQgPSB0cnVlOwoKICB2b2lkIF90b2dnbGVWaXNpYmlsaXR5KCkgewogICAgc2V0U3RhdGUoKCkgewogICAgICBfc2hvd1RleHQgPSAhX3Nob3dUZXh0OwogICAgfSk7CiAgfQoKICBAb3ZlcnJpZGUKICBXaWRnZXQgYnVpbGQoQnVpbGRDb250ZXh0IGNvbnRleHQpIHsKICAgIHJldHVybiBTY2FmZm9sZCgKICAgICAgYXBwQmFyOiBBcHBCYXIodGl0bGU6IGNvbnN0IFRleHQoJ1RvZ2dsZSBFeGFtcGxlJykpLAogICAgICBib2R5OiBDZW50ZXIoCiAgICAgICAgY2hpbGQ6IF9zaG93VGV4dAogICAgICAgICAgICA/IGNvbnN0IFRleHQoCiAgICAgICAgICAgICAgICAnSGVsbG8sIEZsdXR0ZXIhJywKICAgICAgICAgICAgICAgIHN0eWxlOiBUZXh0U3R5bGUoZm9udFNpemU6IDI4KSwKICAgICAgICAgICAgICApCiAgICAgICAgICAgIDogY29uc3QgU2l6ZWRCb3guc2hyaW5rKCksCiAgICAgICksCiAgICAgIGZsb2F0aW5nQWN0aW9uQnV0dG9uOiBGbG9hdGluZ0FjdGlvbkJ1dHRvbigKICAgICAgICBvblByZXNzZWQ6IF90b2dnbGVWaXNpYmlsaXR5LAogICAgICAgIGNoaWxkOiBjb25zdCBJY29uKEljb25zLnZpc2liaWxpdHkpLAogICAgICApLAogICAgKTsKICB9Cn0=

What is the main purpose of calling setState() inside a StatefulWidget?

Master state management and data handling in Flutter to build robust, data-driven applications that work seamlessly both online and offline. Explore essential state management techniques, remote data fetching, error handling, and local storage solutions to create resilient Flutter apps.

Explore the core concepts of state management in Flutter, from basic setState to advanced patterns like Provider and Riverpod.

Learn to fetch, parse, and manage remote data in Flutter using REST APIs and JSON serialization.

Persist data locally in Flutter using SharedPreferences, secure storage, and SQLite with Drift.

Managing UI Updates with setState