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

Question

我有一个硬编码列表，我想将其映射到小部件列表。下面的代码显示带有错误 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'),
];

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

Answer 1

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

例子:

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

希望对您有所帮助!