如何在listView.builder中使用小部件列表？

Question

class CardPage extends StatelessWidget {
  String title;
  String description;
  CardPage({Key key,this.title,this.description}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final ThemeData themeData = Theme.of(context);
    return Container(
      height: (108),
      child: Card(
        semanticContainer: true,
        clipBehavior: Clip.antiAliasWithSaveLayer,
        child: ElevatedButton(
          onPressed: () {},
          style: ElevatedButton.styleFrom(
            primary: Colors.white54,
          ),
          child: ListTile(
              title: Text(title,
                  style: themeData.textTheme.headline2),
              trailing: Padding(
                padding: const EdgeInsets.only(bottom: 8.0),
                child: Wrap(
                  spacing: 6,
                  children: [
                    IconButton(
                      onPressed: () {},
                      icon: Icon(Icons.fastfood, size: 25),
                    ),
                  ],
                ),
              ),
              subtitle: Text(description,
                  style: themeData.textTheme.subtitle1)),
        ),
      ),
    );
  }
}

这是我的卡页面。 这是我最喜欢的页面

import 'package:flutter/material.dart';

import 'card_page.dart';

class FavoritesPage extends StatefulWidget {
  List<CardPage> cardList;

  FavoritesPage({Key key,
  this.cardList,
  }) : super(key: key);

  @override
  State<FavoritesPage> createState() => _FavoritesPageState();
}

class _FavoritesPageState extends State<FavoritesPage> {
  @override
  Widget build(BuildContext context) {

    return Scaffold(
      body:SafeArea(
        child: ListView.builder(
          itemCount:widget.cardList.length,
            itemBuilder: (BuildContext context, int index) {
              return widget.cardList;
            }
            ),
      ),
    );
  }
}

如您所见，

The return type 'List<CardPage>' isn't a 'Widget', as required by the closure's context.

，我想在listView.builder中使用widget.cardlist。但是，错误说：我只想创建一个喜欢的pack，就像有很多卡片一样，我想将它粘贴在另一个页面上，名称是最喜欢的页面，但我做不到。

Answer 1

如您所见，您正在忽略索引。
这样使用：

 return widget.cardList[index];

Answer 2

由于您已经有一个小部件列表，因此您不必添加listView.builder

return Scaffold(
      body:SafeArea(
       child: SingleChildScrollView(
        child: Column(
        mainAxisSize : MainAxisSize.min,
         children : widget.cardList,
        )
      ),
    )

Answer 3

检查这个。我希望这能解决您的问题。

 body: ListView.builder(
    itemCount: cities.length,
    itemBuilder: (context, index) {
    //..................................................ListTile
      return ListTile(
        leading: CircleAvatar(
          child: Text(cities[index].cityName[index][0]),
        ),
        title: Text(cities[index].cityName),
        subtitle: Text(cities[index].countryName),
        trailing: Text("\$" + prices[index]),
      );
    },
  ),