[Flutter]ダイアログの右下に閉じるボタンを追加する方法

どうも、ちょげ(@chogetarou)です。

ダイアログの右下に閉じるボタンを追加する方法を紹介します。

方法

ダイアログに閉じるボタンを追加するには、まずshowDialog関数の引数「actions」にボタンを追加します。

そして、「actions」に追加したボタンの処理に、「Navigator.pop(context)」を加えます。

await showDialog(
  context: context,
  builder: (_) {
    return AlertDialog(
      title: Text('ダイアログ'),
      actions: [
        TextButton(
          onPressed: () => Navigator.pop(context),
          child: Text('閉じる'),
        ),
      ],
    );
  },
);