[Flutter]ListViewをRowウェジェットで使えるようにする方法

どうも、ちょげ(@chogetarou)です。

横スクールのリストビューを、Rowウェジェットで使えるようにする方法を紹介します。

方法

横スクロールのListViewをRowウェジェットで使えるようにする方法は２つあります。

shrinkWrap

１つは、引数「shrinkWrap」を使う方法です。

具体的には、引数「shrinkWrap」に「true」を指定します。

ListView(
    shrinkWrap: true,
     scrollDirection: Axis.horizontal
    children: [
         ・・・
    ]
)

Expanded

もう１つは、Expandedを使う方法です。

ListViewをExpandedの「child」に指定します。

Expanded(
    child : ListView(
         scrollDirection : Axis.horizontal
         children : [
              ・・・
         ]
    )
)

まとめ

ListViewをRowウェジェットで使えるようにするには、「shrinkWrap」に「true」を指定するか、Expandedでラップします。

ListViewでRowウェジェットが使えない理由は、Columnで使えないのと同じ理由です。

その理由については、こちらの記事で解説しています。