Bir FlatButton tıklamasında bir AlertDialog'u nasıl kapatırım?

Aşağıdakilere sahibim AlertDialog.

showDialog(
            context: context,
            child: new AlertDialog(
              title: const Text("Location disabled"),
              content: const Text(
                  """
Location is disabled on this device. Please enable it and try again.
                  """),
              actions: [
                new FlatButton(
                  child: const Text("Ok"),
                  onPressed: _dismissDialog,
                ),
              ],
            ),
        );

Nasıl _dismissDialog()işten çıkarılsın dedirtebilirim AlertDialog?

Navigator.pop()hile yapmalı. Bunu, iletişim kutusunun sonucunu döndürmek için de kullanabilirsiniz (kullanıcıya seçenekler sunmuşsa)

Navigator.of(context, rootNavigator: true).pop('dialog')

benimle çalıştı.

Navigator.pop(_)

benim için çalıştı, ancak Flutter Ekibinin galerisi şunları kullanan bir örnek içeriyor:

Navigator.of(context, rootNavigator: true).pop()

bu da işe yarıyor ve onların liderliğini takip etme eğilimindeyim.

Herhangi bir sonuç döndürmek istemiyorsanız ikisinden birini kullanın:

Navigator.of(context).pop();
Navigator.pop(context);

Ancak bir sonuç döndürmek istiyorsanız, buna bakın

Misal:

showDialog(
    context: context,
    builder: (_) {
      return AlertDialog(
        title: Text('Wanna Exit?'),
        actions: [
          FlatButton(
            onPressed: () => Navigator.pop(context, false), // passing false
            child: Text('No'),
          ),
          FlatButton(
            onPressed: () => Navigator.pop(context, true), // passing true
            child: Text('Yes'),
          ),
        ],
      );
    }).then((exit) {
  if (exit == null) return;

  if (exit) {
    // user pressed Yes button
  } else {
    // user pressed No button
  }
});

Düz düğme tıklamasında uyarı iletişim kutusunun kapatılmasına örnek

RaisedButton(
        onPressed: () {
          showDialog(
              context: context,
              builder: (context) => AlertDialog(
                    title: Text('Are you sure?'),
                    content: Text('Do you want to remove item?'),
                    actions: <Widget>[
                      FlatButton(
                          onPressed: () => Navigator.of(context).pop(false),//  We can return any object from here
                           child: Text('NO')),
                      FlatButton(
                          onPressed: () => Navigator.of(context).pop(true), //  We can return any object from here
                          child: Text('YES'))
                    ],
                  )).then((value) =>
              print('Selected Alert Option: ' + value.toString()));
        },
        child: Text('Show Alert Dialog'),
      ),

Yukarıdaki kod, iletişim kutusunun geri arama sonucunu sağlamak için kullanılan iki benzersiz şeye sahiptir.

Navigator.of (bağlam) .pop (false) - NO Navigator.of (bağlam) .pop (true) düğmesine bastığımızda yanlış değer döndür - EVET'e bastığımızda doğru değeri döndür

Bu dönüş değerine dayanarak, bunun dışında bir işlem yapabilir veya diyalog durum değerini koruyabiliriz

Bu Prefectly çalışır

      RaisedButton(
                child: Text(
                  "Cancel",
                  style: TextStyle(color: Colors.white),
                ),
                color: Colors.blue,
                onPressed: () => Navigator.pop(context),
              ),

Her şeyi temiz hale getirmek için AlertDialog'unuzu zaman uyumsuz bir yöntemle sarmalayabilirsiniz.

  _showAlertConfirmDelete() async {
    // the response will store the .pop value (it can be any object you want)
    var response = await showDialog(
        context: context,
        builder: (context) => AlertDialog(
              title: Text('Warn'),
              content: Text('Really wants to remove the record?'),
              actions: <Widget>[
                FlatButton(
                    onPressed: () => Navigator.of(context)
                        .pop(false), 
                    child: Text('No')),
                FlatButton(
                    onPressed: () => Navigator.of(context).pop(true),
                    child: Text('Yes'))
              ],
            ));
    // do you want to do with the response.
    print(response);
  }

Kullanım Navigator.pop(context);

Misal

showDialog(
            context: context,
            child: new AlertDialog(
              title: const Text("Location disabled"),
              content: const Text(
                  """
Location is disabled on this device. Please enable it and try again.
                  """),
              actions: [
                new FlatButton(
                  child: const Text("Ok"),
                  onPressed: () {
                      Navigator.pop(context);
                    },
                ),
              ],
            ),
        );

Navigator.of(dialogContext).pop() aksi takdirde Ana sayfadan Ayrıntı sayfasına giderseniz sayfayı kapatabilirsiniz

                showDialog(
                  context: context,
                  builder: (dialogContext) {
                    return Dialog(
                      child: Column(
                        children: [
                          Text("Content"),
                          RaisedButton(
                            onPressed: () => Navigator.of(dialogContext).pop(),
                            child: Text("Close"),
                          )
                        ],
                      ),
                    );
                  },
                );

Genellikle Navigator.pop(context);işe yarar.

Ancak uygulamanın birden fazla Navigator nesnesi varsa ve dialogBoxkapanmıyorsa, şunu deneyin:

Navigator.of(context, rootNavigator: true).pop();

Sonuç aramasını geçmek istiyorsanız, deneyin

Navigator.pop(context,result);

VEYA

Navigator.of(context, rootNavigator: true).pop(result)

Bu cevap, diyaloğu açıp başka bir görünüme geçmek isterseniz işe yarar. Bu bölüm ' current_user_location', yönlendiricinin hangi görünüme gidileceğini bilmesi gereken dizedir.

FlatButton(
           child: Text('NO'),
           onPressed: () {
             Navigator.popAndPushNamed(context, 'current_user_location');
              },
           ),

Uyarı Diyaloğu için ayrı bir bağlam oluşturmak yardımcı olacaktır.

showDialog(
  context: context,
  builder: (alertContext) => AlertDialog(
    title: const Text("Location disabled"),
    content: const Text(
        """Location is disabled on this device. Please enable it and try again."""),
    actions: [
      new FlatButton(
        child: const Text("Ok"),
        onPressed: () => Navigator.pop(alertContext),
      ),
    ],
  ),
);

İletişim kutusunu kapatmak için kod için lütfen aşağıdakileri kullanın

RaisedButton(
     onPressed: () { Navigator.of(context).pop();},
     child: Text("Close",style: TextStyle(color: Colors.white), ),
                color: Colors.black,
           )

gösteride geçirin barrierDismissible : true

Bu benim için çalıştı Navigator.of (bağlam, rootNavigator: true) .pop ('dialog').

Navigator.pop () sadece geçerli sayfayı / ekranı kapatır.

Kabul edilen yanıt, Navigator Sınıfı kullanılarak bir iletişim kutusunun nasıl kapatılacağını belirtir. Navigator kullanmadan bir diyaloğu kapatmak için, düğmenin onPressed olayını şu şekilde ayarlayabilirsiniz:

setState((){
  thisAlertDialog = null; 
});

Yukarıdaki kodun kendi kendini açıklayıcı olmaması durumunda, temelde FlatButton'un Parent AlertDialog'unu null olarak ayarlıyor, böylece onu yok sayıyor.