[Flutter]AlertDialogのパディングを設定する方法

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

AlertDialogのパディングを設定する方法を紹介します。

方法

インターフェース, インターネット, プログラム, ブラウザ, Www, グラフィック, フラットなデザイン

AlertDialogのパディングを設定するには、次の３つの引数を使います。

titlePadding : タイトルのパディング
contentsPadding : 本文のパディング
actionsPadding : 下のボタンのパディング

「title」、「content」、「actions」のそれぞれで、パディングを設定する必要があります。

以下は、使用例です。

AlertDialog(
  titlePadding: EdgeInsets.all(20),
  contentPadding: EdgeInsets.all(20),
  actionsPadding: EdgeInsets.all(20),
  title: Text('Alert'),
  content: Text('This is sample.'),
  actions: [
    TextButton(
      onPressed: () => Navigator.pop(context),
      child: Text('閉じる'),
    ),
  ],
)