[Flutter]AlertDialogを角丸にするには?

Flutter

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

AlertDialogを角丸にする方法を紹介します。

スポンサーリンク

方法

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

AlertDialogを角丸にするには、まず引数「shape」に「RoundedRectangleBorder」を指定します。

そして、指定した「RoundedRectangleBorder」の引数「borderRadius」で角丸の設定をします。

角丸の設定は、「BorderRadius.circular(丸み)」のようにします。(丸みには数値を指定)

AlertDialog(
  shape: RoundedRectangleBorder(
    borderRadius: BorderRadius.circular(20), //丸み
  ),
  title: Text('Alert'),
  content: Container(
    width: 200,
    height: 100,
  ),
)

コメント

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