[Flutter]ListView.builderの高さ(height)を設定するには？

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

ListView.builderの高さを設定する方法を紹介します。

方法

ListView.builderの高さを設定するには、まずListView.builderを「Container」の「child」に指定します。

そして、Containerの引数「height」で高さを指定します。

Container(
  height: /*高さ*/,
  child: ListView.builder(
    ・・・
  ),
),

以下は、使用例です。

child: Container(
  height: 500,
  child: ListView.builder(
    itemCount: 20,
    itemBuilder: (context, index) {
      return ListTile(
        title: Text('$index'),
      );
    },
  ),
  decoration: BoxDecoration(
    border: Border.all(color: Colors.pink),
  ),
),