Apa itu Dialog ?
Dialog adalah widget flutter yang menampilkan pesan secara pop up pada halaman aplikasi. Dialog biasanya ditampilkan dalam bentuk peringatan atau pesan kepada user. Pada Artikel kali ini saya akan menjelaskan kepada kalian cara membuat Dialog pada Flutter
Untuk membuatnya sebenar nya sangat mudah, kita hanya membutuhkan sebuah button dan kita mengeluarkan dialog nya saat onPressed
class DialogExample extends StatefulWidget {
const DialogExample({super.key});
@override
State<DialogExample> createState() => _DialogExampleState();
}
class _DialogExampleState extends State<DialogExample> {
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: ElevatedButton(
onPressed: (() {
showDialog(
context: context,
builder: (context) {
return AlertDialog(
title: const Text('Dialog Title'),
content: const Text('Dialog Content'),
actions: [
TextButton(
onPressed: () {
Navigator.pop(context);
},
child: const Text('Cancel'),
),
TextButton(
onPressed: () {
Navigator.pop(context);
},
child: const Text('Ok'),
),
],
);
});
}),
child: Text('Show Dialog'),
),
),
);
}
}
maka tampilan menjadi
