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

Flutter AlertDialog Kullanımı

Flutter’da AlertDialog, kullanıcılara bir mesaj veya bilgi göstermek ve bir seçim yapmalarını istemek için kullanılan bir bileşendir. Aşağıda Flutter’da AlertDialog 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 showAlertDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text('Uyarı'),
          content: Text('Bu bir uyarı mesajıdır.'),
          actions: [
            FlatButton(
              child: Text('Tamam'),
              onPressed: () {
                Navigator.of(context).pop();
              },
            ),
          ],
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('AlertDialog Kullanımı'),
      ),
      body: Center(
        child: RaisedButton(
          child: Text('Uyarı Göster'),
          onPressed: () {
            showAlertDialog(context);
          },
        ),
      ),
    );
  }
}

Yukarıdaki örnekte, showAlertDialog fonksiyonu, AlertDialog’u görüntülemek için showDialog fonksiyonunu kullanır. showDialog fonksiyonu bir BuildContext alır ve bir builder fonksiyonu içerir. Builder fonksiyonu, AlertDialog’un içeriğini, başlığını ve düğmelerini tanımlar.

AlertDialog’un içeriği, content parametresiyle belirtilir. Başlık, title parametresiyle ayarlanır. Düğmeler, actions listesi içinde belirtilir. Her bir düğme, bir FlatButton veya TextButton bileşeni olabilir. Örnekte, “Tamam” düğmesi için bir FlatButton kullanılmıştır.

Uyarıyı görüntülemek için RaisedButton kullanılmıştır. onPressed olayı tetiklendiğinde, showAlertDialog fonksiyonu çağrılır ve AlertDialog ekranda görüntülenir.

Yukarıdaki örneği kullanarak kendi AlertDialog’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