Flutter Remove Debug Banner
Flutter Remove Debug Banner

Hi Guy’s Welcome to ProtoCodersPoint. In this Flutter article let’s check out how to remove debug banner that appears at top right corner of flutter application when you run flutter app on Emulator or physical device.

Many Flutter learner who have recently started learning flutter app development, have question in mind that why is this debug banner been shown and how to remove it.

Solution to remove debug banner flutter

It quite simple to hide debug banner from flutter app while developing.

So when you make use of MaterialApp class Widget, Property of MaterialApp i.e. debugShowCheckedModeBanner is been set to true by default, All you need to do it set debugShowCheckedModeBanner to false.

      debugShowCheckedModeBanner: false,   // add this line.
      title: 'KindaCode.com',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      home: const HomePage(),

Recommended Flutter Article

Flutter 2.5 – Show Material Banner – Scafforl Messenger.

Check flutter app size using dev tools.

Mobile screen mirror using scrcpy

flutter remove # from url

Flutter admob google ads integration