Flutter Containerの枠線の左側の丸みを設定するサンプル

環境
Windows11 pro 64bit
Flutter 3.3.7

構文

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
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」を指定します。

使用例

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
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,
)

 

Flutter

Posted by arkgame