Flutter remove debug banner

November 3, 2022

249

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.

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