[Flutter]横スクロール(horizontal)のリストビュー(ListView)の高さ(height)を設定するには？

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

横スクロールのリストビューの高さを設定する方法を紹介します。

方法

横スクロールのリストビューの高さを設定するには、Containerウェジェットを使います。

まず、リストビューを「Container」ウェジェットの「child」に指定します。

そして、Containerウェジェットの引数「height」に高さを指定します。

Container(
  height: /*高さ*/,
  child: ListView(
    scrollDirection: Axis.horizontal,
    children: [],
  ),
),

以下は、使用例です。

Container(
  height: 100,
  child: ListView(
    shrinkWrap: true,
    scrollDirection: Axis.horizontal,
    children: [
      for (var i = 0; i < 10; i++)
        Padding(
          padding: const EdgeInsets.all(8.0),
          child: Container(
            color: Colors.green,
            child: Text('$i'),
          ),
        ),
    ],
    itemExtent: 50,
  ),
),