Beginning Flutter Debugging

Sep 29 2022 Dart 2.18, Flutter 3.3, Visual Studio Code / Android Studio

Part 1: Beginning Flutter Debugging

10. Understand the Red Screen of Death

Episode complete

Play next episode

Next
Save for later
About this episode
See versions
See forum comments
Cinema mode Mark complete Download course materials
Previous episode: 9. Solve Layout Errors in ListViews Next episode: 11. Customize Linting with Dart Analyzer

The student materials have been reviewed and are updated as of SEPTEMBER 2022.

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

You can unlock the rest of this video course, and our entire catalogue of books and videos, with a kodeco.com Professional subscription.

Unlock Now

So far, we’ve encountered errors that displays its details mainly in the debug console and sidebar. The Overflow warning sign is shown on the UI to let you know that an overflow occured then you open up the debug console to get more info about the error.

home: Scaffold(
  appBar: AppBar(
    title: const Text('Wazobia App'),
  ),
  body: Center(
    child: Container(
      height: MediaQuery.of(context).size.height / 2,
      width: MediaQuery.of(context).size.width / 2,
      color: Colors.amber,
    ),
  ),
),

body: Builder(
  builder: (BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Wazobia App'),
      ),
      body: Center(
        child: Container(
          height: MediaQuery.of(context).size.height / 2,
          width: MediaQuery.of(context).size.width / 2,
          color: Colors.amber,
        ),
      ),
    );
  },
),