Menghilangkan Banner "DEBUG" pada Flutter

Flutter memiliki fitur previu dan hot reload yang memungkinkan programmer melihat langsung hasil kodingannya tanpa berjeda. Pada saat proses pengembangan aplikasi, flutter secara default memberi banner di kanan atas sebuah tulisan "DEBUG". Hal ini untuk menunjukkan bahwa aplikasi yang sedang berjalan itu masih dalam proses debugging. Namanya juga masih dalam proses pengerjaan ya.

Namun, ada kalanya kita menempatkan sebuah komponen di bagian kanan atas. Oleh karena itu, banner "DEBUG" akan menghalani pandangan kita terhadap susunan komponen yang kita letakkan di kanan atas tersebut. Nah, di sinilah kita merasa perlu untuk menghilangkan banner tersebut, biar seperti aslinya nanti ketika sudah menjadi aplikasi android versi rilis. 

Ada beberapa cara yang dapat kita lakukan. Yang pertama, menambahkan sintaks pada file main.dart-nya. Seperti ini:

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,  // Add this line
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

Jika tidak ingin menambahkan sintaks, kita bisa menggunakan cara kedua, yaitu dengan penambahan parameter perintah pada saat melakukan debug aplikasi (run). Berikut perintah yang digunakan:

flutter run --no-debug

Demikian, semoga bermanfaat. Happy learning!