dialog.md

ダイアログ

• ダイアログの種類と使い分け方をカチッとまとめる

ダイアログの種類

• SimpleDialog
  • 選択肢から選ぶパターン
• AlertDialog
  • ボタン、もしくはTextFieldなどのカスタム

開く時

• ダイアログを表示するときはshowDialog()メソッドを利用する.
• これはどのタイプのダイアログでも共通

SimpleDialog

showDialog(
  context: context,
  builder: (context) {
    return SimpleDialog(
      title: Text("タイトル"),
      children: <Widget>[
        // コンテンツ領域
        SimpleDialogOption(
          onPressed: () => Navigator.pop(context),
          child: Text("１項目目"),
        ),
          :
          :
      ],
    );
  },
);

AlertDialog

showDialog(
  context: context,
  builder: (_) {
    return AlertDialog(
      title: Text("タイトル"),
      content: Text("メッセージメッセージメッセージメッセージメッセージメッセージ"),
      actions: <Widget>[
        // ボタン領域
        TextButton(
          child: Text("Cancel"),
          onPressed: () => Navigator.pop(context),
        ),
        TextButton(
          child: Text("OK"),
          onPressed: () => Navigator.pop(context),
        ),
      ],
    );
  },
);