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

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

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

方法

ListView.builderで要素の高さを設定するには、引数「itemExtent」を使います。

具体的には、引数「itemExtent」に高さを指定します。

ListView.builder(
  itemExtent: /*高さ*/,
  itemCount: /*要素数*/,
  itemBuilder: (context, index) {
    ・・・
  },
)

以下は、使用例です。

  var _colors = <Color>[
    Colors.red,
    Colors.blue,
    Colors.green,
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: ListView.builder(
          itemExtent: 100,
          itemCount: 20,
          itemBuilder: (context, index) {
            return Padding(
              padding: const EdgeInsets.all(8.0),
              child: Container(
                color: _colors[index % 3],
              ),
            );
          },
        ),
      ),
    );
  }