Flutter: How to remove the debug banner during development

By default, Flutter shows a debug banner on the top right corner of an app, that indicates that the app was build in debug mode.

In Flutter, you can remove the debug banner by setting the debugShowCheckedModeBanner property of the MaterialApp widget to false. For example:

  debugShowCheckedModeBanner: false,
  // ...

This will remove the banner at the top right corner that indicates the app is in debug mode.

This banner is only visible in debug mode. When you compile your app in release mode, this banner is not visible at all.

Leave a Reply

Your email address will not be published. Required fields are marked *