Material3デザインでは、通常、ボタンが角丸になるようにスタイルが適用されます。
![](https://seeds-digital.com/wp-content/uploads/2024/01/bf56d1fb8007a96be12dc8f429e4e34d.png)
これをもう少し四角にしたいときは、ボタンのスタイルのshape
プロパティを変更することができます。
目次
FilledButtonを使っている場合
FilledButton(
・・・省略
style: FilledButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0), // 任意の角丸さを指定
),
),
),
ElevatedButtonを使う場合
ElevatedButton(
・・・省略
style: ElevatedButton.styleFrom(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(10.0), // 任意の角丸さを指定
),
),
),
結果
shape
プロパティを正しく設定することで次のように角を四角にすることができました。
![](https://seeds-digital.com/wp-content/uploads/2024/01/e9fffcb15a7cce14ec784329f4ee6c53.png)
Comment