标签: flutter-alertdialog

目前，我有AlertDialog一个IconButton。用户可以单击IconButton，每次单击都有两种颜色。问题是我需要关闭AlertDialog并重新打开以查看颜色图标的状态更改。我想在用户单击时立即更改IconButton的颜色。

这是代码：

bool pressphone = false;
//....
new IconButton(
   icon: new Icon(Icons.phone),
   color: pressphone ? Colors.grey : Colors.green,
   onPressed: () => setState(() => pressphone = !pressphone),
),

在这里，我有一个实用程序类，其中有一个用于显示 DialogBox 的函数，所以我正在尝试制作一个 AlertDialog Box，它可以在整个项目的任何地方使用。

因此，我必须将 Title、description 作为参数传递，并且还想传递 Class name，以便在按下警报对话框内的按钮时我们可以导航到该屏幕

class DialogBox {
  static DialogBox dialogBox = null;

  static DialogBox getInstance() {
    if (dialogBox == null) {
      dialogBox = DialogBox();
    }
    return dialogBox;
  }

  showAlertDialog(BuildContext context, String alertTitle, String alertMessage) {
    showDialog(
        context: context,
        barrierDismissible: false,
        builder: (context) {
          return AlertDialog(
            shape: RoundedRectangleBorder(
              borderRadius: BorderRadius.circular(15.0),
            ),
            title: Center(child: Text(alertTitle)),
            content: Column(
              mainAxisSize: MainAxisSize.min,
              children: <Widget>[
                Text(
                  alertMessage,
                  textAlign: TextAlign.center,
                ),
                Row(
                    mainAxisAlignment: MainAxisAlignment.center,
                    crossAxisAlignment: CrossAxisAlignment.end,
                    children: <Widget>[
                      FlatButton(
                        child: …

我正在学习在Flutter中构建应用程序。现在我来警报对话框。我之前在Android和iOS中完成过这些操作，但是如何在Flutter中发出警报？

以下是一些相关的SO问题：

• 如何在Flutter中设置AlertDialog操作的样式
• 在Flutter的警报对话框中添加下拉菜单
• 在应用程序主屏幕上显示警报对话框会自动加载
• 如何在Flutter中刷新AlertDialog
• 带有圆角的警报对话框

我想进行更一般的规范问答，所以我的答案如下。

我有AlertDialog静态方法，因为我想在用户单击OK按钮时获得回调。

我尝试使用typedef但无法理解。

以下是我的代码：

class DialogUtils{

  static void displayDialogOKCallBack(BuildContext context, String title,
      String message)
  {
    showDialog(
      context: context,
      builder: (BuildContext context) {
         return AlertDialog(
          title: new Text(title, style: normalPrimaryStyle,),
          content: new Text(message),
          actions: <Widget>[
            new FlatButton(
              child: new Text(LocaleUtils.getString(context, "ok"), style: normalPrimaryStyle,),
              onPressed: () {
                Navigator.of(context).pop();
                // HERE I WANTS TO ADD CALLBACK
              },
            ),
          ],
        );
      },
    );
  }
}

我们想在一些异步处理（例如网络进程）之后显示一个 AlertDialog。

从外部类调用“showAlertDialog()”时，我想在没有上下文的情况下调用它。有什么好办法吗？

class SplashPage extends StatelessWidget implements SplashView {
  BuildContext _context;
  @override
  Widget build(BuildContext context) {
    this._context = context;
    ...
  }

我已经考虑过上述方法，但我担心附带问题。

帮助

我当前的代码

class SplashPage extends StatelessWidget implements SplashView {

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: MyStoreColors.eats_white1_ffffff,
      body: Center(
        child: new SvgPicture.asset('assets/ic_splash.svg'),
      ),
    );
  }

  @override
  void showAlertDialog() {

    showDialog<void>(
      context: /*How to get context?*/,
      builder: (BuildContext context) {
        return AlertDialog(
          title: Text('Not in stock'),
          content: const Text('This item is no longer available'),
          actions: <Widget>[
            FlatButton( …

在我的第一个Flutter 项目中，我试图从Alert Dialog内的TextFormField获取值。我正在尝试验证输入，并根据该验证我想启用/禁用AlertDialog按钮。

 _displayDialog(BuildContext context) async {
    return showDialog(
        context: context,
        builder: (context) {
          return AlertDialog(
            title: Text('TextField AlertDemo'),
            content: _container(),
            actions: <Widget>[
              RaisedButton(
                onPressed: isValid
                    ? () {
                        print("ISVALID:");
                      }
                    : null,
                child: Text("Click Me"),
              )
            ],
          );
        });
  }

 Widget _container() {
    return Container(
      margin: EdgeInsets.all(25),
      child: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            TextFormField(
              onChanged: (text) {
                setState(() {
                  if (text.length > 5) {
                    isValid = true; …