Flutterのマテリアルデザインで用意されているウィジェットを紹介【Dialog／BottomSheet／SnackBar編】

class _AlertDialogWidget extends State {

  @override
  Widget build(BuildContext context) {
    return Container(
        color: Colors.white,
        alignment: Alignment.center,
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              OutlinedButton(
                  onPressed: (){
                    // (1) ボタンが押された時にダイアログを表示
                    _openAlertDialog1(context);
                  },
                  child: Text("AlertDialog(1)")
              ),
              // : (省略)
            ])
    );
  }
  Future _openAlertDialog1(BuildContext context) async {
    // (2) showDialogでダイアログを表示する
    var ret = await showDialog(
        context: context,
        // (3) AlertDialogを作成する
        builder: (context) => AlertDialog(
          title: Text("入力確認"),
          content: Text("よろしいですか"),
          // (4) ボタンを設定
          actions: [
            TextButton(onPressed: () => {
              //  (5) ダイアログを閉じる
              Navigator.pop(context,false)
            },
                child: Text("いいえ")
            ),
            TextButton(onPressed: (){
              Navigator.pop(context,true);
              },
              child: Text("はい")
            ),
          ],
        )
    );
    // (6) ダイアログが閉じたときの結果
    if(ret != null) {
      if (ret == true) {
        print("---- YES -----");
      }
      else {
        print("---- NO -----");
      }
    }
    else{
      //  (7) 選択せずに閉じた場合
      print("---- NULL ----");
    }
  }
}

var ret = await showDialog(
    context: context,
    //  (1) ダイアログウィジェット外をタップしても閉じないようにする
    barrierDismissible: false,
    builder: (context) => AlertDialog(
        // (省略)
    );
);

Future _openAlertDialog1(BuildContext context) async {
    // (1) ダイアログの表示
    var answer = await showDialog(
        context: context,
        // (2) SimpleDialogの作成
        builder: (context) => SimpleDialog(
            title: Text("よく利用する言語を選択してください"),
            children: [
                // (3) SimpleDialogOptionで表示アイテムを作成
                SimpleDialogOption(
                    child: ListTile(
                        title: Text("Flutter"),
                        leading: Icon(Icons.circle),
                    ),
                    onPressed: (){ Navigator.pop(context,"flutter"); },
                ),
                SimpleDialogOption(
                    // : (省略)
                ),
                // : (省略)
            ],
       )
    );
}