facebook twitter hatena line email

「Flutter/alert」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
行1: 行1:
 +
==一択確認アラート==
 +
<pre>
 +
AlertDialog(
 +
            title: Text('alert title'),
 +
            content: SingleChildScrollView(
 +
              child: ListBody(
 +
                children: <Widget>[
 +
                  Text('hogehoge.'),
 +
                  Text('piyopiyo.'),
 +
                ],
 +
              ),
 +
            ),
 +
            actions: <Widget>[
 +
              FlatButton(
 +
                child: Text('ok'),
 +
                onPressed: () {
 +
                  Navigator.of(context).pop();
 +
                },
 +
              ),
 +
            ],
 +
          );
 +
</pre>
 
==OK/Cancel確認フォーム==
 
==OK/Cancel確認フォーム==
 
<pre>
 
<pre>

2019年11月29日 (金) 02:28時点における版

一択確認アラート

AlertDialog(
            title: Text('alert title'),
            content: SingleChildScrollView(
              child: ListBody(
                children: <Widget>[
                  Text('hogehoge.'),
                  Text('piyopiyo.'),
                ],
              ),
            ),
            actions: <Widget>[
              FlatButton(
                child: Text('ok'),
                onPressed: () {
                  Navigator.of(context).pop();
                },
              ),
            ],
          );

OK/Cancel確認フォーム

showDialog(
  context: context,
  builder: (context) {
    return CupertinoAlertDialog(
      title: Text("タイトル1"),
      content: Text("本文1"),
      actions: <Widget>[
        CupertinoDialogAction(
          child: Text("Cancel"),
          isDestructiveAction: true,
          onPressed: () => Navigator.pop(context),
        ),
        CupertinoDialogAction(
          child: Text("OK"),
          onPressed: () => Navigator.pop(context),
        ),
      ],
    );
  },
);

参考:https://qiita.com/coka__01/items/4c1aea5fb1646e463f91

複数選択

 showDialog(
              context: context,
              builder: (context) {
                return SimpleDialog(
                  title: Text("タイトル"),
                  children: <Widget>[
                    SimpleDialogOption(
                      child: Text("編集", style: TextStyle(locale: Locale("ja", "JP"))),
                      onPressed: () => Navigator.pop(context),
                    ),
                    SimpleDialogOption(
                      child: Text("操作", style: TextStyle(locale: Locale("ja", "JP"))),
                      onPressed: () => Navigator.pop(context),
                    ),
                    SimpleDialogOption(
                      child: Text("削除", style: TextStyle(locale: Locale("ja", "JP"))),
                      onPressed: () => Navigator.pop(context),
                    ),
                ],
                );
              },
            );