Flutter Containerの枠線の左側の丸みを設定するサンプル
環境
Windows11 pro 64bit
Flutter 3.3.7
構文
decoration: BoxDecoration(
borderRadius: BorderRadius.horizontal(
left: Radius.circular(/*丸み*/),
),
decoration: BoxDecoration(
borderRadius: BorderRadius.horizontal(
left: Radius.circular(/*丸み*/),
),
decoration: BoxDecoration( borderRadius: BorderRadius.horizontal( left: Radius.circular(/*丸み*/), ),
引数「decoration」に「BoxDecoration」を指定します。
「BoxDecoration」の引数「borderRadius」に「BorderRadius.horizontal」を指定します。
使用例
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.horizontal(
left: Radius.circular(18),
),
color: Colors.green,
),
height: 220,
width: 220,
)
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.horizontal(
left: Radius.circular(18),
),
color: Colors.green,
),
height: 220,
width: 220,
)
Container( decoration: BoxDecoration( borderRadius: BorderRadius.horizontal( left: Radius.circular(18), ), color: Colors.green, ), height: 220, width: 220, )