[Flutter]ドットのボーダーを使用する方法[dotted_border]

どうもこんにちは。

この記事では、Flutterでドットのボーダーを作成する方法について解説していきます。

では、記事に入っていきます。

ドットのボーダーを使用する方法

手順としては以下の通り。

dotted_borderパッケージを導入

dotted_borderよりパッケージを導入。

dependencies:
  dotted_border: 

pub getを忘れずに。

ドットのボーダーを作成

後は、パッケージのサンプルを参考にドットのボーダーで囲みたい内容をDottedBorderで囲えば良いだけ。

色やドットの長さ、ドットのスタイルは変更可能です。

細かいカスタマイズしたい方は「dotted_border」を参照してください。

というわけで終わり。