Home About Me Disclaimer

بسم الله الرحمن الرحيم

Beranda  ›  Android Studio  ›  Dart  ›  Flutter  ›  IntelliJ IDEA  ›  Pemrograman  ›  Source Code  ›  VS Code  ›  Widget

cara menghapus banner debug dalam Emulator Flutter

cara menghapus banner debug dalam  Emulator Flutter

Bagi kamu yang tidak ingin melihat tampilan Banner Debug pada Emulator Virtual, bisa menghapusnya dengan cara berikut :
1. Pada Widget: MaterialApp() tambahkan  debugShowCheckModeBanner:false .
2. Kemudian Tekan Alt+Shift+F5 atau Hot Reload.
contoh seperti dibawah

Di MaterialApp set debugShowCheckedModeBanner untuk false.
MaterialApp(
 debugShowCheckedModeBanner: false
)

atau


return new MaterialApp(
        home: new LoginPage(),
        debugShowCheckedModeBanner: false,
        theme: new ThemeData(
          primarySwatch: Colors.green,
        ));
Tetapi jika Anda ingin lebih dalam dengan aplikasi (Ingin apk rilis (yang tidak memiliki spanduk debug) dan jika Anda menggunakan studio Android maka buka
Run -> Flutter Run 'main.dart' in Relese mode
Jika Anda menggunakan Android Studio, Anda dapat menemukan opsi di tab Flutter Inspector -> More Actions.

cara menghapus banner debug dalam  Emulator Flutter

Atau jika Anda menggunakan Dart DevTools, Anda dapat menemukan tombol yang sama di sudut kanan atas juga.
cara menghapus banner debug dalam  Emulator Flutter

Jika Anda menggunakan IntelliJ IDEA, ada opsi di flutter inspector untuk menonaktifkannya.
cara menghapus banner debug dalam  Emulator Flutter

cara menghapus banner debug dalam  Emulator Flutter


Ada juga cara lain untuk menghapus Banner"debug" dari aplikasi flutter.

1. Jika Anda menggunakan VS Code, maka instal ekstensi "Dart DevTools". Setelah instalasi, Anda dapat dengan mudah menemukan ikon teks "Dart DevTools" di bagian bawah VS Code.
Ketika Anda mengklik ikon teks itu, sebuah tautan akan terbuka di google chrome. Dari halaman tautan itu, Anda dapat dengan mudah menghapus Banner hanya dengan mengetuk ikon Banner seperti yang ditunjukkan pada tangkapan layar ini.

cara menghapus banner debug dalam  Emulator Flutter

CATATAN: - Dart DevTools adalah ekstensi debugger di VS Code.

2. Jika ekstensi Dart DevTools sudah diinstal dalam VS Code Anda, maka Anda dapat langsung membuka google chrome dan membuka URL ini ="127.0.0.1:ZZZZZ/?hide=debugger&port=XXXXX"
CATATAN: - Dalam tautan ini ganti "XXXXX" dengan port-id 5 digit (di mana aplikasi flutter Anda berjalan) yang akan bervariasi setiap kali Anda menggunakan perintah "flutter run" dan ganti "ZZZZZ" dengan global Anda (unchangeable) debugger-id 5 digit.
CATATAN: - tool dev ini hanya untuk "Browser Google Chrome"

cara menghapus banner debug dalam  Emulator Flutter

cara menghapus banner debug dalam Emulator Flutter


Author : Hendra Wijaya

datePublished : 6/29/2020 08:23:00 AM

Organization : IKHWANFILLAH.COM

logo ikhwanfillah

Url : https://www.ikhwanfillah.com/2020/06/cara-menghapus-banner-debug-dalam-emulator-flutter.html

Share: