Flutter错误：'dynamic Function(BuildContext, int)'无法分配给'List<Widget>'

我正在制作一个可滚动屏幕，希望垂直展示不同图片，并添加星级评分栏、按钮等功能。目前尝试将图片插入该可滚动屏幕时出现错误，现有代码如下：

主布局代码 #

Widget build(BuildContext context) {
  return Scaffold(
    body: CustomScrollView(
      slivers: <Widget>[
        SliverAppBar(
          expandedHeight:250,
          pinned: true,
          floating: true,
          flexibleSpace: FlexibleSpaceBar(
            background: Container(
              padding: EdgeInsets.symmetric(horizontal: AppLayout.getWidth(20)),
              child: Column(
                children: [
                  Gap(AppLayout.getHeight(20)),
                  Row( // text
                    children: [
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text(
                            "review", style: Styles.headLineStyle1,
                          ),
                        ],
                      )
                    ],
                  ),
                  Gap(AppLayout.getHeight(25)),
                  Container(  //search bar
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(AppLayout.getHeight(10)),
                        color: const Color(0xFFF4F6FD)
                    ),
                    padding: EdgeInsets.symmetric(horizontal: AppLayout.getWidth(12), vertical: AppLayout.getHeight(12)),
                    child: Row(
                      children: [
                        const Icon(FluentSystemIcons.ic_fluent_search_regular, color: Color(0xFFBFC205)),
                        Text(
                          "place, restaurant",
                          style: Styles.headLineStyle4,
                        )
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),

报错的SliverList代码片段 #

SliverList(
    delegate: SliverChildListDelegate(
        (BuildContext context, int index) {
          return _buildListItem(foodList2[index]);
        },
    ),
),

数据列表定义 #

static const List<Tuple4> foodList2 = [
  Tuple4<String, String, String, String> (
    'assets/images/eel.jpg',
    'assets/images/aburasoba.jpg',
    'assets/images/soba.jpg',
    'assets/images/okonomiyaki.jpg',
  )
];

删除报错的SliverList部分后错误消失，但我想保留现有布局，同时解决这个问题（我知道还没实现_buildListItem方法）。

问题核心有两点：SliverChildListDelegate的使用方式错误，以及数据列表结构不符合需求，以下是分步修复方案：

1. 调整数据列表结构 #

当前foodList2是一个仅包含1个Tuple4元素的列表，无法实现每张图片单独作为列表项的需求。改成直接存储图片路径的字符串列表：

static const List<String> foodList2 = [
  'assets/images/eel.jpg',
  'assets/images/aburasoba.jpg',
  'assets/images/soba.jpg',
  'assets/images/okonomiyaki.jpg',
];

2. 替换SliverChildListDelegate为SliverChildBuilderDelegate #

SliverChildListDelegate接收的是现成的Widget列表，而动态生成列表项需要用SliverChildBuilderDelegate，同时必须指定列表项数量：

SliverList(
  delegate: SliverChildBuilderDelegate(
    (BuildContext context, int index) {
      return _buildListItem(foodList2[index]);
    },
    childCount: foodList2.length, // 必须指定列表项总数
  ),
),

3. 实现_buildListItem方法 #

添加构建列表项的方法，集成图片、星级评分和按钮功能（可根据需求自定义样式）：

Widget _buildListItem(String imagePath) {
  return Container(
    margin: EdgeInsets.symmetric(vertical: 8, horizontal: 20),
    child: Column(
      children: [
        // 展示图片
        Image.asset(
          imagePath,
          height: 200,
          width: double.infinity,
          fit: BoxFit.cover,
        ),
        Gap(AppLayout.getHeight(10)),
        // 星级评分栏
        Row(
          mainAxisAlignment: MainAxisAlignment.center,
          children: List.generate(5, (starIndex) {
            return Icon(
              Icons.star,
              color: starIndex < 3 ? Colors.amber : Colors.grey,
              size: 20,
            );
          }),
        ),
        Gap(AppLayout.getHeight(10)),
        // 操作按钮
        ElevatedButton(
          onPressed: () {
            // 添加按钮点击逻辑
          },
          child: Text("查看详情"),
        ),
        Gap(AppLayout.getHeight(15)),
      ],
    ),
  );
}

完整的CustomScrollView结构 #

将修正后的SliverList放入slivers数组，确保代码结构完整：

Widget build(BuildContext context) {
  return Scaffold(
    body: CustomScrollView(
      slivers: <Widget>[
        // 原有SliverAppBar代码保持不变
        SliverAppBar(
          expandedHeight:250,
          pinned: true,
          floating: true,
          flexibleSpace: FlexibleSpaceBar(
            background: Container(
              padding: EdgeInsets.symmetric(horizontal: AppLayout.getWidth(20)),
              child: Column(
                children: [
                  Gap(AppLayout.getHeight(20)),
                  Row(
                    children: [
                      Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text("review", style: Styles.headLineStyle1),
                        ],
                      )
                    ],
                  ),
                  Gap(AppLayout.getHeight(25)),
                  Container(
                    decoration: BoxDecoration(
                        borderRadius: BorderRadius.circular(AppLayout.getHeight(10)),
                        color: const Color(0xFFF4F6FD)
                    ),
                    padding: EdgeInsets.symmetric(horizontal: AppLayout.getWidth(12), vertical: AppLayout.getHeight(12)),
                    child: Row(
                      children: [
                        const Icon(FluentSystemIcons.ic_fluent_search_regular, color: Color(0xFFBFC205)),
                        Text("place, restaurant", style: Styles.headLineStyle4),
                      ],
                    ),
                  ),
                ],
              ),
            ),
          ),
        ),
        // 修正后的SliverList
        SliverList(
          delegate: SliverChildBuilderDelegate(
            (BuildContext context, int index) {
              return _buildListItem(foodList2[index]);
            },
            childCount: foodList2.length,
          ),
        ),
      ],
    ),
  );
}

内容的提问来源于stack exchange，提问作者Tae Hyung Kim