📑

ColumnとRowのレスポンシブデザインが面倒だったけど解決【 Flutter Web 】

2023/01/27に公開

あぁ、憂鬱だぁ。雪が降って外に出る気が出ない。
春よ来い。

ということで、そんな憂鬱な時に面倒なレスポンシブデザインをすることになり
パパッと作ろうと思った結果、ColumnとRowの入れ替えが非常に面倒と思って
調べてみました。

何が面倒かって??

isSmall 
  ? Column(children: widget)
  : Row(children: widget)

同じwidgetなのに2回書かないとダメなのが面倒。
それをするために、毎回widget化させるのも面倒。

ということで調べました。解決策はこちら

解決コード
Flex(
  direction: isSmall ? Axis.horizontal : Axis.vertical,
  children: widget
)

これで楽になったぁ〜。

Discussion