[Flutter]AlertDialogの枠線の設定をする方法

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

AlertDialogの枠線の設定をする方法を紹介します。

方法

AlertDialogの枠線の設定をするには、まず引数「shape」に「RoundedRectangleBorder」を指定します。

そして、「RoundedRectangleBorder」の引数「side」に「BorderSide」を指定します。

枠線の設定は、「BorderSide」の引数で行います。

具体的には、引数「color」で枠線の色、引数「width」で枠線の太さを設定します。

また、引数「style」に「BorderStyle.none」を指定することで枠線を無くすことが出来ます。

以下は、実際の使用例です。

AlertDialog(
  shape: RoundedRectangleBorder(
    side: BorderSide(
      color: Colors.pink, //枠線の色
      width: 3, //枠線の太さ
    ),
  ),
  title: Text('Alert'),
  content: Container(
    width: 200,
    height: 100,
  ),
)