showDialog
fonksiyonunu kullanarak Flutter’da bir dialog gösterme işlemi şu şekilde gerçekleştirilebilir:
import ‘package:flutter/material.dart’;
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: MyHomePage(),
);
}
}
class MyHomePage extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(‘Flutter Show Dialog Örneği’),
),
body: Center(
child: ElevatedButton(
onPressed: () {
_showDialog(context);
},
child: Text(‘Dialog Göster’),
),
),
);
}
void _showDialog(BuildContext context) {
showDialog(
context: context,
builder: (BuildContext context) {
return AlertDialog(
title: Text(‘Dialog Başlığı’),
content: Text(‘Bu, dialog içeriğidir.’),
actions: [
TextButton(
onPressed: () {
Navigator.of(context).pop(); // Dialog’u kapat
},
child: Text(‘Kapat’),
),
],
);
},
);
}
}
Yukarıdaki örnekte, bir ElevatedButton
(yükseltilmiş düğme) üzerine tıklandığında _showDialog
fonksiyonu çağrılır ve bu fonksiyon içinde showDialog
kullanılarak bir AlertDialog gösterilir. AlertDialog, başlık (title
), içerik (content
) ve eylemler (actions
) içerebilir. Eylemler arasında yer alan düğmeye tıklandığında Navigator.of(context).pop()
çağrılarak dialog kapatılır.
Bu Yazıya Tepkin Ne Oldu ?
YORUMLAR