どうも、ちょげ(@chogetarou)です。
Flutterで円を描画する方法を、紹介します。
方法
円を描画するには、「Containerウェジェット」を使います。
具体的には、「BoxDecorationクラス」の「shape引数」で、「BoxShape.circle」を指定します。
Container(
width: 300,
height: 300,
decoration: BoxDecoration(
color: Colors.blue,
shape: BoxShape.circle,
),
)「shape引数」は、Containerウェジェットの形状を決める引数です。
この引数に、「BoxShape.circle」を指定することで、円を描画することが出来ます。
また、「Containerウェジェット」の円は、「縦（height）」と「横（width）」の内、短い方を直径にします。
まとめ
「円」を描画するには、「Containerウェジェット」を使います。
具体的には、「Containerウェジェット」の「decoration引数」に、「BoxDecoration(shape : BoxShape.circle)」を指定します。
コメント