📑
ColumnとRowのレスポンシブデザインが面倒だったけど解決【 Flutter Web 】
あぁ、憂鬱だぁ。雪が降って外に出る気が出ない。
春よ来い。
ということで、そんな憂鬱な時に面倒なレスポンシブデザインをすることになり
パパッと作ろうと思った結果、ColumnとRowの入れ替えが非常に面倒と思って
調べてみました。
何が面倒かって??
isSmall
? Column(children: widget)
: Row(children: widget)
同じwidgetなのに2回書かないとダメなのが面倒。
それをするために、毎回widget化させるのも面倒。
ということで調べました。解決策はこちら
解決コード
Flex(
direction: isSmall ? Axis.horizontal : Axis.vertical,
children: widget
)
これで楽になったぁ〜。
Discussion