EdgeInsetsの使い分け

EdgeInsetsとは？

余白を設定するのに使うやつ。
paddingとかmarginとかに指定する。

なんか設定する方法いくつかない？

EdgeInsetsを設定する時にいくつか設定方法がある

EdgeInsets.all()

4方向全てに余白を設定したい時に使う

EdgeInsets.symmetric(vertical, horizontal)

上下と左右、それぞれで同じサイズの余白を設定したい時に使う。
verticalが上下で、horizontalが左右。

EdgeInsets.fromLTRB(left, top, right, bottom)

上下左右でそれぞれ余白のサイズを設定したい時に使う。

ただ、上下左右で同じサイズを設定する時は、symmetricを使ったほうがいいと思う。

// 上下に10
EdgeInsets.fromLTRB(10.0, 0, 10.0, 0)
// ↓
EdgeInsets.symmetric(0, 10.0)

// 左右に10

EdgeInsets.fromLTRB(0, 10.0, 0, 10.0)
// ↓
EdgeInsets.symmetric(10.0, 0)

// 上下に10、左右に20
EdgeInsets.fromLTRB(20.0, 10.0, 20.0, 10.0)
// ↓
EdgeInsets.symmetric(20.0, 10.0)

また、一箇所だけのときはonlyを使ったほうがいいと思う。

// 上に10
EdgeInsets.fromLTRB(0, 10.0, 0, 0)
// ↓
EdgeInsets.only(top: 10.0)

EdgeInsets.only(left, top, right, bottom)

４箇所設定できるが、どこか1箇所に余白を設定したいときだけ、使ったほうがいいと思う。
２箇所以上のときはfromLTRBを使おう。

// 上に10,右に20
EdgeInsets.only(top: 10.0, right: 20.0)
// ↓
EdgeInsets.fromLTRB(0, 10.0, 20.0, 0)

ご意見お待ちしてます！
おわり