フラッター、ダイアログ

ポップウェイフラッタダイアログの三種類

• AlertDialog
• SimpleDialog
• CupertionDialogAction

1 AlertDialog

 

 

  空showAlertDialog（）{ 
    にShowDialog <NULL> （
        コンテキスト：コンテキスト、
        barrierDismissible：偽、
        ビルダー：（BuildContextコンテキスト）{ 
          リターンAlertDialog（
            タイトル：テキスト（ '标题' ）、
             // 可滑动
            内容：SingleChildScrollView（
              子：ListBody（
                子供： <ウィジェット> [ 
                  テキスト（ '内容1' ）、
                  テキスト（ '内容2' ）、
                  テキスト（ '内容1' ）、
                  テキスト（ '内容2' ）
                ]、 
              ）、
            ）、 
            アクション： <ウィジェット> [ 
              FlatButton（
                子：テキスト（ '确定' ）、
                onPressed：（）{ 
                  Navigator.of（コンテキスト）（.pop）; 
                } 
              ） 、
              FlatButton（
                子：テキスト（ '取消' ）、
                onPressed：（）{ 
                  Navigator.of（コンテキスト））（.pop; 
                } 
              ）
            ] 
          ）。
        }）; 
  }

2 SimpleDialog

 

 

  空showSimpleDialog（）{ 
    にShowDialog <NULL> （
      コンテキスト：コンテキスト、
      ビルダー：（BuildContextコンテキスト）{ 
        リターンSimpleDialog（
          タイトル：テキスト（ '选择' ）、
          子供： <ウィジェット> [ 
            SimpleDialogOption（
              子：テキスト（ '选项1' ）、
              onPressed：（）{ 
                Navigator.ofは（コンテキスト）.pop（）; 
              } 
            ）、
            SimpleDialogOption（
              子：テキスト（ '选项2' 
              }）、
              onPressed：（）{
                Navigator.of（コンテキスト）（.pop）。
            ）
          ] 
        ）。
      }、 
    ）。
  }

3 CupertionDialogAction IOSスタイル

 

 

  空showCupertinoAlertDialog（）{ 
    にShowDialog（
        コンテキスト：コンテキスト、
        ビルダー：（BuildContextコンテキスト）{ 
          リターンCupertinoAlertDialog（
            タイトル：テキスト（ "これはiOSのダイアログスタイルです" ）、
            内容：カラム（
              子供： <ウィジェット> [ 
                SizedBox（
                  高さ： 10 、
                ）、
                位置合わせ（
                  子：テキスト（ "これはメッセージである" ）、
                  アラインメント：アライメント（ 0、0 ） 
                ）
              ]、
            ）、
            アクション： <ウィジェット> [ 
              CupertinoDialogAction（
                子：テキスト（ "取消" ）、
                onPressed：（）{ 
                  Navigator.pop（コンテキスト）、
                  印刷（ "取消" ）; 
                } 
              ）、
              CupertinoDialogAction（
                子：テキスト（「确定" ）、
                onPressed：（）{ 
                  印刷（ "确定" ）; 
                } 
              ）
            ] 
          ）。
        }）; 
  }