How to remove debug banner in flutter on android emulator?

This Article is posted by nikhilchaudhary12155 at 9/21/2019 10:26:07 AM



Solution 1 : 

On your MaterialApp set debugShowCheckedModeBanner to false.

MaterialApp(
 debugShowCheckedModeBanner: false
)

The slow banner will also automatically be removed on release build.


Solution 2 :

In your class, into MaterialApp use to

debugShowCheckedModeBanner: false,

...
return new MaterialApp(
    title: 'Flutter Test',
    debugShowCheckedModeBanner: false,
    home: new Column(
        ...
    ),
    builder: (BuildContext context, Widget child) {
        ...
    }
); 
Solution 3 :

If you are using Android Studio, you can find the option in the Flutter Inspector tab --> More Actions.

enter image description here


Solution 4 :

There is also another way for removing the "debug" banner from the flutter app. Now after new release there is no "debugShowCheckedModeBanner: false," code line in main. dart file. So I think these methods are effective:

  1. If you are using VS Code, then install "Dart DevTools" from extensions. After installation, you can easily find "Dart DevTools" text icon at the bottom of VS Code. When you click on that text icon, a link will be open in google chrome. From that link page, you can easily remove the banner by just tapping on the banner icon as shown in this screenshot.

NOTE:-- Dart DevTools is a dart language debugger extension in VS Code

  1. If Dart DevTools are already installed in your VS Code, then you can directly open the google chrome and open this URL = "127.0.0.1:ZZZZZ/?hide=debugger&port=XXXXX"

NOTE:-- In this link replace "XXXXX" by 5 digit port-id (on which your flutter app is running) which will vary every time when you use "flutter run" command and replace "ZZZZZ" by your global(unchangeable) 5 digit debugger-id

NOTE:-- these dart dev tools are only for "Google Chrome Browser."


----------------------------------------------------------------------------------------------------------------------

For More Info About Flutter :

Check Out Live Flutter Web Demo: http://nikhil.cf/

Follow us on Github Account https://github.com/nikhil269



Tags: flutter flutterweb flutterisfuture dart








0 Comments
Login to comment.
Recent Comments












© 2018 - Fluttercentral | Email to me - seven.srikanth@gmail.com