「Flutter/alert」の版間の差分

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

一択確認アラート

showDialog(
  context: context,
  builder: (context) {
    return AlertDialog(
      title: Text(
          'タイトル', style: TextStyle(locale: Locale("ja", "JP"))),
      content: SingleChildScrollView(
        child: ListBody(
          children: <Widget>[
            Text('本文。',
                style: TextStyle(locale: Locale("ja", "JP"))),
          ],
        ),
      ),
      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),
                    ),
                ],
                );
              },
            );