Your First Flutter App: An App From Scratch

Feb 22 2022 · Dart 2.14.1, Flutter 2.5, Visual Studio Code 1.6

Part 2: Understand Flutter Widgets

15. Understand Widget State

Episode complete

Play next episode

About this episode

Leave a rating/review

See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 14. Handle Button Presses Next episode: 16. Solve Problems

Get immediate access to this and 4,000+ other videos and books.

Take your career further with a Kodeco Personal Plan. With unlimited access to over 40+ books and 4,000+ professional videos in a single subscription, it's simply the best investment you can make in your development career.

Learn more Already a subscriber? Sign in.

Heads up... You've reached locked video content where the transcript will be shown as obfuscated text.

A key part of programming is state. Rather than start with the computer science definition of state, let’s go with something that might be a little more familiar: the dashboard of a car.

class _GamePageState extends State<GamePage> {
  bool _alertIsVisible = false;
var _alertIsVisible = false;
      const Text('Hit Me!', style: TextStyle(color:,
  onPressed: () {
    _alertIsVisible = true;
void _showAlert(BuildContext context) {

  var okButton = TextButton(
    child: const Text('Awesome!'),
    onPressed: () {
      _alertIsVisible = false;
      print('Awesome pressed! $_alertIsVisible');
  context: context,
  builder: (BuildContext context) {
    return AlertDialog(
      title: const Text('Hello there!'),
      content: const Text('This is my first pop-up.'),
      actions: [
      elevation: 5,
onPressed: () {
  _alertIsVisible = true;