Scribd
Upload
18 views5 pages

State Management in Flutter-1

The document explains state management in Flutter, highlighting the difference between Stateless and Stateful widgets. It describes ephemeral state, which affects single widgets, and app state, which impacts multiple widgets. Additionally, it covers the use of `setState()` for updating local state and triggering UI rebuilds.

Uploaded by

Chris Thomas
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
18 views5 pages

State Management in Flutter-1

The document explains state management in Flutter, highlighting the difference between Stateless and Stateful widgets. It describes ephemeral state, which affects single widgets, and app state, which impacts multiple widgets. Additionally, it covers the use of `setState()` for updating local state and triggering UI rebuilds.

Uploaded by

Chris Thomas
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 5

State Management in Flutter

Understanding Stateful and Stateless


Widgets and setState
Introduction to State Management
• State represents data that changes over time
in an app.
• Flutter widgets are either Stateless
(immutable) or Stateful (mutable).
• Effective state management ensures smooth
UI updates and performance.
Types of State: Ephemeral vs. App
State
• Ephemeral State: Affects only a single widget,
e.g., TextField input.
• App State: Affects multiple widgets, e.g., user
authentication status.
Stateless vs. Stateful Widgets
StatelessWidget: Does not hold state; UI does not change dynamically.

class MyWidget extends StatelessWidget {


@override
Widget build(BuildContext context) {
return Text('Hello');
}
}
```

StatefulWidget: Holds state and can update the UI dynamically.

class Counter extends StatefulWidget {


@override
_CounterState createState() => _CounterState();
}
Using `setState()` for Local State
`setState()` updates the state and triggers a UI rebuild.

class Counter extends StatefulWidget {


@override
_CounterState createState() => _CounterState();
}

class _CounterState extends State<Counter> {


int count = 0;

void increment() {
setState(() {
count++;
});
}
}

You might also like