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 tersebug cukup mudah sekali, dengan kasih 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:

Terdapat kesalahan penulisan, typo, ataupun juga kurang sesuai dalam penulisan, bantu Saya Edit on Github.