[Flutter]AlertDialog（アラートダイアログ）をフルスクリーン(fullscreen)表示するには？

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

AlertDialogをフルスクリーンで表示する方法を紹介します。

方法

AlertDialogをフルスクリーンで表示するには、まず引数「insetPadding」に「EdgeInsets.zero」を指定します。

次に、引数「content」に「Container」を指定します。

最後に、「Container」の「height」に「MediaQuery.of(context).size.height」、「width」に「MediaQuery.of(context).size.width」を指定します。

return AlertDialog(
  insetPadding: EdgeInsets.zero,
  title: Text('Alert'),
  content: Container(
    height: MediaQuery.of(context).size.height,
    width: MediaQuery.of(context).size.width,
    child: Text('This is sample.'),
  ),
  actions: [
    TextButton(
      onPressed: () => Navigator.pop(context),
      child: Text('Close'),
    ),
  ],
);