[Flutter]リストビュー(ListView)のサイズ(size)を設定するには？

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

リストビューのサイズを設定する方法を紹介します。

方法

リストビューのサイズを設定するには、まずSizedBoxもしくはContainerウェジェットの「child」にリストビューを指定します。

そして、SizedBoxもしくはContainerの引数「height」で高さ、引数「width」で横幅を設定します。

SizedBox( 
  height: /*高さ*/,
  width: /*横幅*/,
  child: ListView(
    children: [],
  ),
)

以下は、使用例です。

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          height: 200,
          width: 200,
          child: ListView(
            children: [
              for (var i = 0; i < 20; i++)
                Card(
                  color: Colors.blue,
                  child: ListTile(
                    title: Text('$i'),
                  ),
                )
            ],
          ),
        ),
      ),
    );
  }