Containerウィジェットの角を丸くするにはBoxDecoration
を使用してborderRadius
プロパティを設定します。
目次
四隅を丸める
Container(
width: 250,
height: 250,
decoration: BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.circular(16),
),
);
![](https://seeds-digital.com/wp-content/uploads/2023/11/6323330f10fe7ab3f879fc0f5227223e-1024x508.png)
一部の角を丸くする
Container(
width: 250,
height: 250,
decoration: const BoxDecoration(
color: Colors.blue,
borderRadius: BorderRadius.only(
topLeft: Radius.circular(25), // 左上の角を丸める
bottomRight: Radius.circular(25), // 右下の角を丸める
),
),
);
![](https://seeds-digital.com/wp-content/uploads/2023/11/6e5403a75f732d2be237b6c2bfd7623c-1024x509.png)
関連記事
Seeds
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://seeds-digital.com/wp-content/uploads/2023/11/flutter-container-border.png)
【Flutter】Containerに枠線(Border)をつけるには? | Seeds
FlutterのContainerに枠線をつけるには、BoxDecorationを使用してborderプロパティを設定します。 四辺に枠線をつける Container( width: 200, height: 200, decoration
Comment