Flutter-dialog

Flutter dialog 的三种弹出方式

• AlertDialog
• simpledialog
• CupertionDialogAction

1 AlertDialog

 

 

  void showAlertDialog() {
    showDialog<Null>(
        context: context,
        barrierdismissible: false,
        builder: (BuildContext context) {
          return AlertDialog(
            title: Text('标题'),
            //可滑动
            content: SingleChildScrollView(
              child: ListBody(
                children: <Widget>[
                  Text('内容 1'),
                  Text('内容 2'),
                  Text('内容 1'),
                  Text('内容 2'),
                ],
              ),
            ),
            actions: <Widget>[
              FlatButton(
                child: Text('确定'),
                onpressed: () {
                  Navigator.of(context).pop();
                },
              ),
              FlatButton(
                child: Text('取消'),
                onpressed: () {
                  Navigator.of(context).pop();
                },
              ),
            ],
          );
        });
  }

2 simpledialog

 

 

  void showsimpledialog() {
    showDialog<Null>(
      context: context,
      builder: (BuildContext context) {
        return simpledialog(
          title: Text('选择'),
          children: <Widget>[
            simpledialogOption(
              child: Text('选项 1'),
              onpressed: () {
                Navigator.of(context).pop();
              },
            ),
            simpledialogOption(
              child: Text('选项 2'),
              onpressed: () {
                Navigator.of(context).pop();
              },
            ),
          ],
        );
      },
    );
  }

3 CupertionDialogAction ios 风格

 

 

  void showCupertinoAlertDialog() {
    showDialog(
        context: context,
        builder: (BuildContext context) {
          return CupertinoAlertDialog(
            title: Text("这是一个iOS风格的对话框"),
            content: Column(
              children: <Widget>[
                SizedBox(
                  height: 10,
                ),
                Align(
                  child: Text("这是消息"),
                  alignment: Alignment(0, 0),
                ),
              ],
            ),
            actions: <Widget>[
              CupertinoDialogAction(
                child: Text("取消"),
                onpressed: () {
                  Navigator.pop(context);
                  print("取消");
                },
              ),
              CupertinoDialogAction(
                child: Text("确定"),
                onpressed: () {
                  print("确定");
                },
              ),
            ],
          );
        });
  }

 

原文地址：https://www.cnblogs.com/ssjf/p/11881569.html