「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),
),
],
);
},
);
