Làm thế nào để loại bỏ một AlertDialog trên một nhấp chuột FlatButton?

Tôi có những thứ sau đây 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,
                ),
              ],
            ),
        );

Làm thế nào tôi có thể thực hiện _dismissDialog()nói sa thải AlertDialog?

Navigator.pop()nên làm thủ thuật. Bạn cũng có thể sử dụng nó để trả về kết quả của hộp thoại (nếu hộp thoại cung cấp cho người dùng các lựa chọn)

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

đã làm việc với tôi.

Navigator.pop(_)

đã làm việc cho tôi, nhưng thư viện của Nhóm Flutter chứa một ví dụ sử dụng:

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

mà cũng hoạt động, và tôi bị cám dỗ để làm theo hướng dẫn của họ.

Nếu bạn không muốn trả về bất kỳ kết quả nào, hãy sử dụng một trong số chúng:

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

Nhưng nếu bạn muốn trả về một số kết quả, hãy xem phần này

Thí dụ:

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
  }
});

Ví dụ về loại bỏ hộp thoại cảnh báo khi nhấp vào nút phẳng

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'),
      ),

Đoạn mã trên có hai thứ duy nhất được sử dụng để cung cấp kết quả gọi lại của hộp thoại

Navigator.of (ngữ cảnh) .pop (false) - trả về giá trị sai khi chúng ta nhấn NO Navigator.of (context) .pop (true) - trả về giá trị true khi chúng ta nhấn YES

Dựa trên giá trị trả về này, chúng tôi có thể thực hiện một số thao tác bên ngoài nó hoặc duy trì giá trị trạng thái hộp thoại

Điều này hoạt động hoàn hảo

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

Bạn có thể bọc AlertDialog của mình trong một phương thức không đồng bộ để làm cho mọi thứ trở nên sạch sẽ.

  _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);
  }

Sử dụng Navigator.pop(context);

Thí dụ

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() nếu không, bạn có thể đóng trang nếu bạn điều hướng từ trang Chính đến chi tiết

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

Câu trả lời này hoạt động nếu bạn muốn bật hộp thoại và điều hướng đến chế độ xem khác. Phần này ' current_user_location' là chuỗi mà bộ định tuyến cần biết để điều hướng đến chế độ xem nào.

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

Tạo một ngữ cảnh riêng cho Hộp thoại cảnh báo sẽ hữu ích.

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),
      ),
    ],
  ),
);

Vui lòng sử dụng mã sau để đóng hộp thoại

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

vượt qua nó trong showDialog barrierDismissible : true

Điều này đã làm việc cho tôi Navigator.of (context, rootNavigator: true) .pop ('hộp thoại').

Navigator.pop () chỉ đóng trang / màn hình hiện tại.

Câu trả lời được chấp nhận nêu cách loại bỏ một hộp thoại bằng cách sử dụng Lớp dẫn hướng. Để loại bỏ hộp thoại mà không sử dụng Bộ điều hướng, bạn có thể đặt sự kiện onPressed của nút thành như sau:

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

Trong trường hợp đoạn mã trên không tự giải thích, về cơ bản, nó đang đặt Parent AlertDialog của FlatButton thành null, do đó loại bỏ nó.