開発

【Flutter】Containerに角丸の枠線やボーダーをつける【BoxDecoration】

こんにちは。スマホアプリをメインに開発しているロッキーカナイです。

FlutterでContainerをもっとクールに!おしゃれにしたいと誰もが思うのですが、今日はContainerに角丸の枠線やボーダー、塗り潰しなどを方法を紹介します。

Container角丸の枠線

ContainerのdecorationにカスタムのBoxDecorationパラメーラを与えます。

 

Containerの枠線

先ほどのコードにborderRadiusをなくすと、四角ボーダーになります。

 

Containerのborder設定

次は、Containerでのボーダーを色々やってみます。

 

 

Containerの円

円だって簡単です。

塗りつぶす場合はBoxDecorationのcolorパラメータを設定します。

 

ABOUT ME
ロッキーカナイ
ロッキーカナイ
SwiftやObjective-CでiOS開発や、Flutterを用いたiOS/Androidアプリ開発、PHPでLaravelを使ったWebアプリ開発などをしてます。趣味は猫と戯れる事、キックボクシングにハマってます。ちなみに名前のロッキーカナイは以前よく昼飯を食べてた所。