[Flutter]リストビュー(ListView)の行(row)の高さ(height)を設定するには？

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

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

方法

リストビューの行の高さを設定するには、引数「itemExtent」を使います。

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

ListView(
   itemExtent : /*行の高さ*/,
   children : [],
)

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return SafeArea(
      child: Scaffold(
        body: ListView(
          itemExtent: 75,
          children: [
            for (int index = 0; index < 20; index++)
              ListTile(
                tileColor:
                    index.isOdd ? Colors.blue : Colors.blue.withOpacity(0.2),
                title: Text('Item $index'),
              ),
          ],
        ),
      ),
    );
  }