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.

Haziran 30, 2023

Flutter Dio Nedir?

ETİKETLER :

YORUMLAR

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir