✨
【Flutter】ウィジェットの間にスペースを作りたい時にSizedBoxではなくGapを使うと良い
はじめに
Flutterでウィジェット同士の間にのスペースを作りたい時に
Column(
children: [
WidgetA(),
const SizedBox(height: 10),
WidgetB(),
],
)
みたいに「いちいち const SizedBox(height: 10)
とか書くのめんどくさいな〜、ホンマ」
って思う時ありますよね?
そんな時に使用するのが便利なgapです!
今回はこのgapパッケージについて紹介します!!!
Gapについて
GapはColumn
やRow
の中で使用しますが、SizedBox
のように高さや幅を指定する必要がないのでより簡潔にスペースを表すことができます
使用例
Column(
children: [
WidgetA(),
const Gap(10),
WidgetB(),
],
)
めっちゃ簡単。幅や高さを指定せずに済むので簡潔に書くことができるねんな
よかったらみなさん使ってみてください!!
Discussion