Flutter ShowDialog Kullanımı

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());
}

Flutter Stack Kullanımı?

×

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?

0 Beğendim 0 Sevdim 0 Komik 0 Vay Be 0 Üzücü 0 Sinir