[Flutter]AlertDialogの枠線の太さを変えるには?

Flutter

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

AlertDialogの枠線の太さを変える方法を紹介します。

スポンサーリンク

方法

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

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

次に、「RoundedRectangleBorder」の引数「borderSide」に「BorderSide」クラスを指定します。

そして、「BorderSide」クラスの引数「width」に枠線の太さを設定します。

AlertDialog(
  shape: RoundedRectangleBorder(
    side: BorderSide(
      width: 5, //枠線の太さ
    ),
  ),
  title: Text('Alert'),
  content: Container(
    width: 200,
    height: 100,
  ),
)

AlertDialogのデフォルトの枠線の太さは、「1」です。

とても細いので、デフォルトでは枠線があること自体が分かりにくいです。

コメント

タイトルとURLをコピーしました