setState for local state in Flutter - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is the purpose of setState() in Flutter?

setState() tells Flutter that the state of the widget has changed and the UI needs to update to reflect those changes.

beginner

Where should you call setState() in a Flutter app?

<p>You call <code>setState()</code> inside a <code>State</code> class of a <code>StatefulWidget</code> when you want to update local state variables.</p>

beginner

What happens if you update a state variable without calling setState()?

The UI will not update because Flutter does not know the state changed. setState() triggers the rebuild.

beginner

Example: How do you toggle a boolean isOn variable using setState()?

setState(() {
  isOn = !isOn;
});

This flips the value and updates the UI.

intermediate

Why should the code inside setState() be as fast as possible?

Because setState() triggers a UI rebuild, slow code inside it can cause the app to lag or freeze.

What does setState() do in Flutter?

A Stops the app

B Deletes the widget from the tree

C Creates a new widget

D Updates the UI by rebuilding the widget

setState() tells Flutter to rebuild the widget with updated state, refreshing the UI.

Where is setState() defined?

A In the <code>MaterialApp</code> class

B In the <code>StatelessWidget</code> class

C In the <code>State</code> class of a <code>StatefulWidget</code>

D In the <code>BuildContext</code> class

setState() is a method of the State class used to update local state.

What happens if you change a state variable but do NOT call setState()?

A UI does not update

B App crashes

C State resets to default

D UI updates automatically

Without setState(), Flutter does not know to rebuild the UI, so changes are not shown.

Which of these is the correct way to update state inside setState()?

A setState(() { counter++; });

B counter++;

C setState(counter++);

D setState(); counter++;

The state update must be inside the function passed to setState() to notify Flutter properly.

Why keep code inside setState() fast?

A To save battery

B To avoid UI lag during rebuild

C To reduce app size

D To prevent memory leaks

Slow code inside setState() delays UI rebuild, causing lag or freezing.

Explain how setState() works to update local state in a Flutter app.

Think about how Flutter knows when to redraw widgets.

Describe what happens if you update a state variable without calling setState() and why it matters.

Consider how Flutter detects changes to show on screen.