Cara Mudah Menghilangkan Banner Debug di Flutter

Ketika kita membuat sebuah project Flutter, secara default ketika di debugging/run akan menampilkan sebuah banner debug yang berada di samping atas seperti ini:

Untuk menghilangkan/menghapus banner debug tersebut cukup mudah sekali, dengan menambahkan param debugShowCheckedModeBanner: false pada Widget MaterialApp, berikut contoh lengkapnya:

1
2
3
4
5
6
7
8
9

return MaterialApp(
  title: 'Flutter Demo',
  theme: ThemeData(
    primarySwatch: Colors.blue,
    visualDensity: VisualDensity.adaptivePlatformDensity,
  ),
  debugShowCheckedModeBanner: false,  // Add this
  home: MyHomePage(title: 'Flutter Demo Home Page'),
);

Secara default ketika kita release mode/build jadi APK debug banner akan otomatis hilang dengan sendirinya.

Berikut hasilnya:

Jika terdapat kesalahan penulisan, typo, atau kurang sesuai dalam penulisan, bantu Saya untuk Edit on Github.