Can I remove the "DEBUG" banner in Flutter?

Pere Sola - Jan 1 '23 - - Dev Community

You have certainly seen the DEBUG banner shown on the top right corner of your app when developing in local host.

Image description

I bet you asked yourself: can I remove it?

Yes you can! The MaterialApp widget has the debugShowCheckedModeBannerproperty, see here. You can set it to false to remove it.

Image description

If it's still there, make sure you have only one MaterialApp widget in your app.

Handy to take those screenshots you need to upload your app in the App store ;)

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .