【Flutter】ListViewでリストを横並びに作成する方法

こんにちは、シロウです。

今回はListViewでリストを作成するときに横並びで表示する方法について解説します。

すごく簡単ですが、知らないと意外とハマりそうな気が、、、（僕はハマりました。笑）

早速ですが、みていきましょう。

ListViewでリストを横並びに作成する方法

方法としては、簡単でListViewのプロパティにscrollDirectionというものがあるので、こちらで表示方向を指定できます。

今回は横並びにしたいので、下記のようにAxis.horizontalsを指定してあげます。

ListView(
  padding: const EdgeInsets.all(8),
  scrollDirection: Axis.horizontal, //これで横並びにできる。
  children: <Widget>[
  ~省略~
  ],
)

ListView.builderでも同じやり方で横並びでリストを生成することができます。

今回はこれだけです！お疲れ様でした！！

シロウ

NFT・仮想通貨投資家 / エンジニア

TwitterInstagramYouTubeLINEContact

仮想通貨・NFTに400万以上投資しています。

本業エンジニア・副業ブロガー。

ブログ最高月80万円。累計200万以上。