Flutter中如何从顾问列表点击卡片跳转到对应ConsultantProfile页面

嘿，这个问题我之前也碰到过！核心就是你没把当前点击的那个顾问对象传递给详情页，所以不管点哪个，详情页拿到的都是同一个固定对象对吧？别担心，几步就能搞定：

1. 让详情页支持接收Consultant对象 #

首先得修改你的ConsultantProfile页面，让它能接收一个具体的Consultant实例作为参数。在页面类的构造函数里添加必填参数：

class ConsultantProfile extends StatelessWidget {
  // 声明要接收的顾问对象
  final Consultant consultant;

  // 构造函数，强制要求传入顾问实例
  const ConsultantProfile({super.key, required this.consultant});

  @override
  Widget build(BuildContext context) {
    // 现在就可以通过this.consultant访问当前顾问的所有属性了
    return Scaffold(
      appBar: AppBar(title: Text('${consultant.consultantFirstName}的主页')),
      body: Column(
        children: [
          Image.asset(consultant.consultantImageProfile),
          Text(consultant.consultantNickName),
          Text('擅长领域：${consultant.consultantCategory}'),
          // 其他详情内容都可以用consultant的属性来填充
        ],
      ),
    );
  }
}

2. 在ListView.builder中传递当前点击的顾问对象 #

接下来修改你的列表构建逻辑，在GestureDetector的点击回调里，把当前列表项对应的顾问实例传给详情页：

ListView.builder(
  itemCount: consultant.length,
  itemBuilder: (context, index) {
    // 获取当前索引对应的顾问对象
    final currentConsultant = consultant[index];
    return GestureDetector(
      onTap: () {
        // 跳转时传入当前点击的顾问实例
        Navigator.push(
          context,
          MaterialPageRoute(
            builder: (context) => ConsultantProfile(consultant: currentConsultant),
          ),
        );
      },
      child: Card(
        // 用currentConsultant构建卡片内容，确保卡片显示的是当前顾问的信息
        child: ListTile(
          leading: Image.asset(currentConsultant.consultantImageProfile),
          title: Text('${currentConsultant.consultantFirstName} ${currentConsultant.consultantLastName}'),
          subtitle: Text(currentConsultant.consultantCategory),
        ),
      ),
    );
  },
)

为什么这样能解决问题？ #

之前你应该是在跳转时固定传了某个特定的顾问（比如一直传giovanni），所以不管点哪个列表项，详情页拿到的都是同一个对象。现在我们通过index获取当前点击项对应的Consultant实例，再把它传递给详情页，这样每个卡片点击后都会打开对应顾问的专属页面啦！

内容的提问来源于stack exchange，提问作者Emanuel Developer