[Flutter]リストビュー(ListView)の横幅(width)を設定するには？

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

リストビューの横幅を設定する方法を紹介します。

方法

リストビューの横幅を設定するには、まずリストビューをSizedBoxの「child」に指定します。

そして、SizedBoxの引数「width」に横幅を指定します。

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

以下は、使用例です。

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