[Flutter] Cara Menggunakan Alert Dialog

Anda bingung bagaimana caranya menggunakan Alert Dialog pada bahasa pemograman Flutter? Atau anda bingung bagaimana cara memunculkan pop up dialog? Atau mungkin anda lupa bagaimana caranya memunculkan alert dialog? Artikel ini akan membahas tentang bagaimana caranya menggunakan Alert Dialog pada bahasa pemograman Flutter. Sebelumnya, bahasa pemograman Flutter adalah sebuah framework aplikasi mobil sumber terbuka yang diciptakan oleh Google. Flutter digunakan dalam pengembangan aplikasi untuk sistem operasi Android, iOS, Windows, Linux, MacOS, serta menjadi metode utama untuk membuat aplikasi Google Fuchsia. Flutter juga mendukung untuk pengembangan aplikasi berbasis web. 

Penggunaan AlertDialog

1 2 3 4 5 6

showDialog<void>( context: context, builder: (BuildContext context) { return AlertDialog(...) } )

Pada dasarnya kita membutuhkan fungsi showDialog untuk memunculkan widget AlertDialog nya. terdapat beberapa komponen yang bisa ditambahkan di dalam AlertDialog maupun showDialog.

Contoh Program

Mohon Tunggu 20 detik lagi

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

Future<void> _showMyDialog() async { return showDialog<void>( context: context, barrierDismissible: false, builder: (BuildContext context) { return AlertDialog( title: const Text('Ini Judul'), content: SingleChildScrollView( child: ListBody( children: const <Widget>[ Text('Ini deskripsi nya'), ], ), ), actions: <Widget>[ TextButton( child: const Text('OK'), onPressed: () { Navigator.of(context).pop(); }, ), ], ); }, ); }