在颤振中添加if条件后，列表视图卡不起作用

Question

我的列表视图卡没有返回特定用户存储的所有项目，我想获取用户存储的所有产品

 body: (products != null)
        ? ListView.builder(
            itemCount: products.length,
            itemBuilder: (context, index) {
              if (products[index].ownerId == user.uid) {
                return Card(
                  child: ListTile(
                    leading: Image.asset('graphics/broccoli.png'),
                    title: Text(products[index].name),
                    subtitle:
                        Text(products[index].price.toString() + " Rs"),
                    trailing: Icon(Icons.more_vert),
                  ),
                );
              } else {
                return null;
              }
            })
        : Center(child: CircularProgressIndicator()));

Answer 1

在else 部分，返回SizedBox() 而不是null。

} else {
  return const SizedBox();
}

这是因为任何小部件的构建方法或构建器函数必须始终返回Widget，而null 不是Widget。

所以每当我们想要显示“无”或“空小部件”时，我们可以简单地返回一个SizedBox()。

Answer 2

既然Jigar's answer 很贴切，我想给你一些精确的方法来做到这一点。

• 你也可以返回Container()，它基本上是用来显示空容器的。
• 您可以只按照您的第一种技术，即使用ternary operator 来返回Card 或Container，而不是使用检查返回

你可以这样做：

               return (products[index].ownerId == user.uid) ? Card(
                  child: ListTile(
                    leading: Image.asset('graphics/broccoli.png'),
                    title: Text(products[index].name),
                    subtitle:
                        Text(products[index].price.toString() + " Rs"),
                    trailing: Icon(Icons.more_vert)
                  )
                ) : Container();