Bu örnek, AlertDialog’u açmak için ElevatedButton’ı kullanan basit bir Flutter uygulamasıdır. showDialog
işlevini çağırarak AlertDialog’u oluşturup görüntüleyebilirsiniz. AlertDialog, başlık, içerik ve düğmeler gibi çeşitli bileşenleri içerebilir. Actions listesi, AlertDialog’un altında görünen düğmeleri belirtmek için kullanılır. Düğmelere tıklandığında yapılacak işlemleri belirleyebilir ve Navigator.of(context).pop() yöntemini kullanarak AlertDialog’u kapatabilirsiniz.
Yukarıdaki örnek, bir MaterialApp içinde Scaffold kullanarak basit bir gösterim sağlamaktadır. Elbette, uygulamanızın gereksinimlerine uyacak şekilde AlertDialog’u kullanabilirsiniz.
import ‘package:flutter/material.dart’;
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text(‘AlertDialog Örneği’),
),
body: Center(
child: ElevatedButton(
child: Text(‘AlertDialog Göster’),
onPressed: () {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text(‘Başlık’),
content: Text(‘Bu bir AlertDialog içeriğidir.’),
actions: [
TextButton(
child: Text(‘İptal’),
onPressed: () {
Navigator.of(context).pop();
},
),
TextButton(
child: Text(‘Tamam’),
onPressed: () {
// Tamam düğmesine tıklandığında yapılacak işlemler
Navigator.of(context).pop();
},
),
],
);
},
);
},
),
),
),
);
}
}
Bu Yazıya Tepkin Ne Oldu ?
YORUMLAR