[Flutter]リストビュー(ListView)の背景色(backgroundcolor)を変えるには？

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

リストビューの背景色を変える方法を紹介します。

方法

リストビューの背景色を変えるには、まずListViewをContainerの「child」に指定します。

Container(
  child: ListView(
    children: [],
  ),
)

そして、Containerの引数「color」に背景色にしたい色を指定します。

Container(
  color: /*color*/,
  child: ListView(
    children: [],
  ),
)

これでリストビューの背景色を変えることが出来ます。

以下は、使用例です。

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