Flutter报错：参数类型List<InkWell>?无法分配给参数类型List<Widget>如何解决？

这个类型不匹配报错由两个问题共同导致：

• 你虽然在外层已经做了exerciseJson != null的非空判断，但exerciseJson?.exercises本身仍是可空类型，最终map转换后生成的列表是可空的List<InkWell>?类型，不符合ListView的children参数要求的非空List<Widget>类型
• Dart对泛型类型校验严格，即使InkWell是Widget的子类，List<InkWell>也不能直接赋值给List<Widget>类型的参数

你可以直接把ListView部分的代码替换为如下内容：

ListView(
  children: exerciseJson!.exercises?.map<Widget>((e) {
    return InkWell(
      onTap: () {},
      child: Container(
        margin: EdgeInsets.all(10),
        child: Stack(
          children: [
            ClipRRect(
              borderRadius: BorderRadius.circular(6),
              child: FadeInImage(
                image: NetworkImage(e.thumbnail),
                placeholder: AssetImage(""),
                width: MediaQuery.of(context).size.width,
                height: 250,
                fit: BoxFit.cover,
              ),
            ),
          ],
        ),
      ),
    );
  }).toList() ?? [],
)

修复说明 #

• 用exerciseJson!强制解空：因为外层已经判断过exerciseJson != null，这里强制解包不会触发空异常
• 给map指定泛型为<Widget>：直接让map返回Widget类型的元素，避免泛型类型不匹配
• 末尾加?? []：如果exercises本身为空的话，默认返回空列表，彻底解决可空类型的问题

如果你的ExerciseJson结构里exercises字段保证非空，也可以直接用exerciseJson!.exercises!.map<Widget>(...).toList()，不需要加默认空列表。

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