How to remove the Flutter debug banner?

flutter dart android-emulator screenshot banner
Tree picture Tree · Feb 20, 2018 · Viewed 127.2k times · Source

How to remove the debug banner in Flutter?

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

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

Answer

Rémi Rousselet picture Rémi Rousselet · Feb 20, 2018

On your MaterialApp set debugShowCheckedModeBanner to false.

MaterialApp(
  debugShowCheckedModeBanner: false,
)

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

Related questions

Create a rounded button / button with border-radius in Flutter

I'm currently developing an Android app in Flutter. How can I add a rounded button?

Read More
How to add a border to a widget in Flutter?

I'm using Flutter and I'd like to add a border to a widget (in this case, a Text widget). I tried TextStyle and Text, but I didn't see how to add a border.

Read More
How do I use hexadecimal color strings in Flutter?

How do I convert a hexadecimal color string like #b74093 to a Color in Flutter? I want to use a HEX color code in Dart.

Read More