Ketika kita membuat sebuah real project application, pastinya kita akan berhubungan denga API dan Server, terkadang server tidak selalu mulus seperti yang kita inginkan, untuk itu kita perlu memberi tahu pada user bahwa ada sesuatu kesalahan pada aplikasi kita. Kita dapat memberikan Warning, Error, Pesan dan Info kepada pengguna menggunakan Alert Dialog di Flutter.

Selain itu alert dialog di Flutter juga dapat memberikan informasi bahwa proses upload gambar berhasil, password atau email salah ketika login dan berbagai case lainnya di aplikasi kita, oleh karena itu pada tutorial Konsep Koding kali ini kita akan mempelajari mengenai Alert Dialog pada Flutter karena itu salah satu hal yang penting utuk dipelajari.


11 Tutorial Flutter Alert Dialog

https://www.konsepkoding.com/2020/05/11-tutorial-flutter-alert-dialog.html

1. Jika anda belum membuat project Flutter silahkan buat terlebih dahulu dengan perintah terminal/cmd seperti berikut :

flutter create alert_dialog

2. Setelah anda berhasil membuat project Flutter silahkan ketikan kode di bahawa ini di file lib/main.dart




3. Setelah itu silahkan run project Flutter anda dengan perintah di bawah ini, pastikan sudah terhubung ke simulator atau emulator maupun real device :

flutter run

4. Jika berhasil maka ketika Text di tekan, akan muncul Alert Dialog pada aplikasi Flutter yang kita buat, seperti gabar di bawah ini :

https://www.konsepkoding.com/2020/05/11-tutorial-flutter-alert-dialog.html

https://www.konsepkoding.com/2020/05/11-tutorial-flutter-alert-dialog.html

Penjelasan Kode 

   AlertDialog alert = AlertDialog(
                title: Text("Info"),
                content: Text("Gambar Berhasil Di Upload"),
                actions: [
                  FlatButton(
                      child: Text("OK"),
                      onPressed: () => Navigator.of(context).pop()),
                ],
              );
              // show the dialog
Kode di atas berguna menampilkan Alert Dialog ketika tombol di klik dan   Navigator.of(context).pop()) berguna untuk menutup Alert Dialog di Flutter

Sekian semoga tutorial Alert Dialog Flutter kali ini dapat bermanfaat dan membantu kamu yang sedang mempelajari Bahasa Dart dan Framework Flutter. Alwasy Exercise Coding and Happy Learning From KonsepKoding.