Dart / Flutter

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

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

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

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

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

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

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

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

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

 

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

 

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