[flutter]Columnの中でListView.builderを使ってNull Check error used on a null valueが出た時の対処法

2022年7月28日

Index

起こった事象

下記のサンプルコードを実行すると、

HTML

Null Check error used on a null value

1	Null Check error used on a null value

と言う警告が出てしまいました。

サンプルコード

listには文字列がいくつか入っています。

Widget historyUI() => SizedBox(
        width: 400,
        height: 140,
        child: Column(
          children: [
            const Text('sample'),
            ListView.builder(
              shrinkWrap: true,
              itemCount: list.length,
              scrollDirection: Axis.horizontal,
              itemBuilder: (BuildContext context, int index) {
                return Container(
                  child: Text(list[index],
                  ),
                );
              },
            ),
          ],
        ),
      );

Widget historyUI() => SizedBox(

width: 400,

height: 140,

child: Column(

children: [

const Text('sample'),

ListView.builder(

shrinkWrap: true,

itemCount: list.length,

scrollDirection: Axis.horizontal,

itemBuilder: (BuildContext context, int index) {

return Container(

child: Text(list[index],

);

解決方法

ListView.builderをwidth,height指定した、Containerのchildに指定するとエラーが出なくなります。

    Widget historyUI() => SizedBox(
        width: 400,
        height: 140,
        child: Column(
          children: [
            const Text('sample'),
//追加
            Container(
              width: 100,
              height: 100,
              child: ListView.builder(
              shrinkWrap: true,
              itemCount: list.length,
              scrollDirection: Axis.horizontal,
              itemBuilder: (BuildContext context, int index) {
                return Container(
                  child: Text(list[index],
                  ),
                );
              },
            ),
            ),
          ],
        ),
      );