Flutter SimpleDialog Kullanımı

Flutter’da SimpleDialog, kullanıcılara bir dizi seçenek sunmak için kullanılan bir bileşendir. Aşağıda Flutter’da SimpleDialog kullanımının basit bir örneği bulunmaktadır:

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 {
  void showSimpleDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return SimpleDialog(
          title: Text('Seçenekler'),
          children: <Widget>[
            SimpleDialogOption(
              onPressed: () {
                Navigator.of(context).pop();
                // İlk seçeneğin işlevselliği
              },
              child: Text('Seçenek 1'),
            ),
            SimpleDialogOption(
              onPressed: () {
                Navigator.of(context).pop();
                // İkinci seçeneğin işlevselliği
              },
              child: Text('Seçenek 2'),
            ),
            SimpleDialogOption(
              onPressed: () {
                Navigator.of(context).pop();
                // Üçüncü seçeneğin işlevselliği
              },
              child: Text('Seçenek 3'),
            ),
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('SimpleDialog Kullanımı'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Seçenekleri Göster'),
          onPressed: () {
            showSimpleDialog(context);
          },
        ),
      ),
    );
  }
}

Yukarıdaki örnekte, showSimpleDialog fonksiyonu, SimpleDialog’u görüntülemek için showDialog fonksiyonunu kullanır. Builder fonksiyonu, SimpleDialog’un içeriğini, başlığını ve seçeneklerini tanımlar.

SimpleDialog’un başlığı, title parametresiyle belirtilir. Seçenekler, children listesi içinde belirtilir. Her bir seçenek, SimpleDialogOption bileşeni içinde oluşturulur. Her seçeneğin onPressed olayı belirtilir ve kullanıcı ilgili seçeneği tıkladığında çalışacak işlevi tanımlar. Örnekte, her seçenek için sadece dialogu kapatma işlevi belirtilmiştir, ancak kendi işlevselliğinizi ekleyebilirsiniz.

SimpleDialog, diğer seçeneklerle birlikte pop-up bir pencere olarak görüntülenecektir. Seçenekleri görüntülemek için RaisedButton kullanılmıştır. onPressed olayı tetiklendiğinde, showSimpleDialog fonksiyonu çağrılır ve SimpleDialog ekranda görüntülenir.

Yukarıdaki örneği kullanarak kendi SimpleDialog’larınızı oluşturabilir ve ihtiyaçlarınıza göre özelleştirebilirsiniz.