選択肢のあるダイアログを表示するの？｜SimpleDialog｜Flutter
二択や三択、四択の選択肢をダイアログで表示したいと考えたとき、ListView を思い浮かべちゃうけど、ちゃんと Flutter には専用のダイアログが用意されている。
API「showDialog<T>」を使って「SimpleDialog」を表示する。選択肢は「SimpleDialogOption」を使う。
使い方
showDialog<void>(
context: context,
builder: (BuildContext context) {
return SimpleDialog(
title: Text(
'このゴマフアザラシはマッチョですか？'
),
children: <Widget>[
SimpleDialogOption(
onPressed: () => Navigator.pop(context),
child: Text('たぶん'),
),
SimpleDialogOption(
onPressed: () => Navigator.pop(context),
child: Text('そうだ'),
),
SimpleDialogOption(
onPressed: () => Navigator.pop(context),
child: Text('いや、ガリガリだよ'),
),
],
);
},
);
「SimpleDialog」っていう名前からはピンと来ないけど、リファレンスの説明では選択用のダイアログって断言しているし。
A simple dialog offers the user a choice between several options. A simple dialog has an optional title that is displayed above the choices.
関連する記事
- 確認のダイアログを表示するの？｜AlertDialog｜Flutter
- SimpleDialog を閉じるときに値を返すの？｜SimpleDialog｜Flutter
- SimpleDialog を角丸にするの？｜SimpleDialog｜Flutter
コメント
コメントを投稿