how to remove debug banner in flutter

Flutter – Remove DEBUG Banner To remove DEBUG Banner that appears in Flutter application in the top right corner, set debugShowCheckedModeBanner property to false in MaterialApp widget.ActionBar widget You can configure AppBarStyle in Settings. You need to choose From Material design for Navigation bar in this configuration.Once set, add Flutter ActionBar to Activity and make and go to how to remove debug banner in flutter.

how to remove debug banner in flutter, remove debug banner in flutter

Removing the DEBUG Banner

Hide and remove debug banner in flutter, set the debugShowCheckedModeBanner property to false in the MaterialApp widget of my application.

runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false
...

Next:

import 'package:flutter/material.dart';
void main() {
  runApp(
    MaterialApp(
      debugShowCheckedModeBanner: false,
        home: Scaffold(
          appBar: AppBar(
            backgroundColor: Colors.blue,
            title: Center(child: Text('Remove debug banner')),
      ),
          body: Text('How are you ?'),
    )),
  );
}

Solution 2:

OUTDATED

  • If you are using Android Studio, you can find the option in the Flutter Inspector tab –> More Actions.
how to remove debug banner in flutter, remove debug banner in flutter, how do i remove debug banner in flutter dart

People also ask

How do I get rid of the flutter debug banner?

To remove the flutter debug banner, there are several possibilities :

1- The first one is to use the debugShowCheckModeBanner property in your MaterialApp widget . And then do a hot reload. 2-The second possibility is to hide debug mode banner in Flutter Inspector if you use Android Studio or IntelliJ IDEA 

How do I turn off debug mode?

How do I turn off debug mode?

  1. Go to Settings and scroll to the System section (on Android 8 and above, go to Settings > System)
  2. Tap Developer Options.
  3. Tap the button to toggle developer options Off. USB Debugging is included in the Developer Options.

How do you get rid of the debug tag in flutter VS code?

how to remove debug banner in flutter

Leave a Comment