参数类型“List<dynamic>”不能分配给参数类型“List<Widget>”

Question

我收到上述错误（问题），代码如下：

Widget build(BuildContext context) {
return Scaffold(
  appBar: AppBar(title: const Text('DeliMeals')),
  body: GridView(
    children: DUMMY_CATEGORIES
        .map((categoryData) => CategoryItem(   //getting
              categoryData.title,             //the error
              categoryData.color,            //here
            ))
        .toList(),

虚拟数据

const DUMMY_CATEGORIES = const [
Category(
id: 'c1',
title: 'Italian',
color: Colors.purple,
),
Category(
id: 'c2',
title: 'Quick & Easy',
color: Colors.red,
),
];

我只是在学习一个教程。导师没有得到错误。 :(

Answer 1

指定地图类型map<Widget>

DUMMY_CATEGORIES
        .map<Widget>((categoryData) => CategoryItem(   
              categoryData.title,             
              categoryData.color,            
            ))
        .toList(),