SizedBox, Paddingの代わりに使えるGap widget

Flutterでwidget間でスペースを作りたい時に、

  • Paddingで囲む
  • SizedBoxを使う

の二つのパターンがある。

しかし、Paddingを使うと、ネストが深くなって見にくくなる。冗長である。 SizedBoxを使う場合には、RowColumnの中か知っておく必要があり、Rowだったら、SizedBox(width:)Columnだったら、SizedBox(height:)のように指定しないといけない。

この冗長さをなくしてくれるのが、Gapウィジェット。

ColumnRowに関わらず、Gap(20)などで空きスペースを指定できる。

注意点

ただ、パッケージを導入する必要があるので、メンテナンスされなくなったりしたら不安。

参考

comments powered by Disqus
Built with Hugo
Theme Stack designed by Jimmy