NoSuchMethodError : 在 null 上调用了方法“map”

Question

有时 animals.relatives 为空，因此 t.name 返回导致问题的 null

我尝试了 if else 语句并尝试 catch，但我猜它在小部件中不起作用？我不知道为什么它不起作用

Column(
  children: <Widget>[
    Text(animals.name),
    Text(animals.desc),
    Text("Relatives :"),
    Row(
      children: animals.relatives.map((t) => 
        FilterChip(
          label: Text(t.name),onSelected: (b){}))
         .toList(),
     ),
   ]),

如果 t.name 为空，我希望其上方的行和文本不显示

Answer 1

您可以为此使用 collection-if：

..,
children: <Widget>[
 ..,
 Text('Relatives: '),
 if (animals.relatives != null &&
     animals.relatives.isNotEmpty &&
     animals.relatives.where((t) => t != null).isNotEmpty)
   Row(
     children: animals.relatives.where((t) => t != null).map(..).toList(),
   ),
],

这可确保仅当您的变量既不为空也不为空时才包含Row。
此外，所有null 的元素都被排除在外从列表中，当只有 null 元素时，不会构建 Row。