Perşembe, Haziran 13, 2024
Sanal Gündem
Ana SayfaKodlamaFlutterFlutter SimpleDialog Kullanımı

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.

Yunus Emre Altay
Yunus Emre Altayhttp://yunusemrealtay.com.tr
Biz, yenilikçi çözümler ve dijital dönüşüm süreçlerinde uzmanlaşmış olarak, web, mobil ve masaüstü yazılımlar geliştiriyor ve işletmelerinizi geleceğe taşıyoruz. Analizlerimizi sıkı çalışması ve deneyimi ile, size özel çözüm önerileri sunarak iş süreçlerinizi optimize etmeye odaklanıyoruz
RELATED ARTICLES
- Reklam Alanı -

En Popüler

Son Yorumlar