list - 无法将列表映射到小部件

我有一个硬编码列表，我想将其映射到小部件列表。下面的代码显示了弯曲的行，错误为The return type 'List<ItemWidget>' isn't a 'Widget', as defined by anonymous closure.dart(return_of_invalid_type_from_closure)。

.................MISSING CODE....................

ListView.builder(
  itemBuilder: (context, index) => items.map((item) => ItemWidget(item: item)).toList();
)

..................MISSING CODE....................

class ItemWidget extends StatelessWidget{

  final Item item;

  ItemWidget({this.item});

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        Expanded(
          child: FittedBox(
            fit: BoxFit.fill,
            child: Image.asset(item.iconPath)
          )
        ),
        Padding(
          padding: const EdgeInsets.only(top: 15.0),
          child: Text(item.name),
        )
      ],
    );
  }

}

编辑:

这是项目列表，目前我仅持有一个项目用于测试。

List<Item> items = [
  Item(name: 'Medicines', iconPath: '$ICON_BASE_PATH/medicines.svg'),
];

如果您有任何想法，请告诉我，谢谢!

最佳答案

问题是使用ListView.builder，builder函数希望您一次返回一个与提供的索引相对应的Widget。而是直接使用ListView。

例:

ListView(
  children: items.map((item) => ItemWidget(item: item)).toList(),
);

希望有帮助!