Flutter类型不匹配错误：multi_select包onTap回调类型兼容问题

问题 #

使用pub.dev的multi_select包中MultiSelectChipField组件时，出现类型不匹配错误：

type '(List<Animal>) => Null' is not a subtype of type '((List<Animal?>) => dynamic)?'

相关代码中onTap回调部分：

List<Animal> _selectedAnimals = [];

// ...

onTap: (values) {
  _selectedAnimals = values;
},

解决方案 #

错误原因是最新版本的multi_select包中，MultiSelectChipField的onTap回调参数类型已更新为List<T?>（支持可空类型），而代码中使用的是非空的List<Animal>，导致类型不兼容。可通过以下两种方式解决：

方式一：修改变量类型为可空列表 #

将_selectedAnimals的类型改为List<Animal?>，直接接收回调返回的可空列表：

// 定义变量时改为可空类型
List<Animal?> _selectedAnimals = [];

// ...

onTap: (values) {
  _selectedAnimals = values;
},

方式二：过滤空值并转换为非空列表 #

如果需要保持_selectedAnimals为非空的List<Animal>，可以通过过滤和类型转换处理：

List<Animal> _selectedAnimals = [];

// ...

onTap: (values) {
  _selectedAnimals = values
      .where((animal) => animal != null) // 过滤掉null项
      .cast<Animal>() // 转换为非空类型
      .toList();
},

内容的提问来源于stack exchange，提问作者azheen