How to remove the Flutter debug banner?

402

How to remove the debug banner in flutter?

I am using flutter screenshot and I would like the screenshot not to have banner. Now it does have.

Note that I get not supported for emulator message for profile and release mode.

This question is tagged with flutter android-emulator

~ Asked on 2018-02-20 20:46:41

The Best Answer is


794

On your MaterialApp set debugShowCheckedModeBanner to false.

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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

~ Answered on 2018-02-20 20:48:55


88

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

Android Studio

  • Or if you're using Dart DevTools, you can find the same button in the top right corner as well.

Dart DevTools

~ Answered on 2019-05-13 10:12:33


Most Viewed Questions: