Flutter项目报错：breadDetails需位置参数，GestureDetector待实现

报错根源 #

报错信息：1 positional argument expected by 'breadDetails.new', but 0 found.
问题出在breaddetails.dart的构造函数定义——你给它加了一个多余的位置参数int index，但调用时只传了命名参数bread，导致参数不匹配。

分步修复 #

1. 修正breadDetails构造函数 #

不需要额外传递index，面包的所有数据已经包含在Bread对象里，直接移除多余的位置参数：

// breaddetails.dart
import 'package:flutter/material.dart';
import 'bread_model.dart';

class breadDetails extends StatefulWidget {
  final Bread bread;
  // 移除多余的int index参数，保留标准命名参数结构
  const breadDetails({super.key, required this.bread});

  @override
  State<breadDetails> createState() => _breadDetailsState();
}

class _breadDetailsState extends State<breadDetails> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text(widget.bread.name)), // 显示当前面包名称
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            Image.asset(widget.bread.imagePath, height: 200),
            const SizedBox(height: 20),
            Text(widget.bread.name, style: const TextStyle(fontSize:24, fontWeight: FontWeight.bold)),
            Text("价格: ${widget.bread.price}", style: const TextStyle(fontSize:18)),
            Text("评分: ${widget.bread.rating}", style: const TextStyle(fontSize:18)),
          ],
        ),
      ),
    );
  }
}

2. 修正Menu.dart的跳转调用 #

现在构造函数不需要index参数，原调用代码已经正确，去掉标记注释即可：

// Menu.dart中的navigateToBreadDetails函数
void navigateToBreadDetails(int index) {
  Navigator.push(
    context,
    MaterialPageRoute(
      builder: (context) => breadDetails(
        bread: BreadList[index],
      ),
    ),
  );
}

3. 修复bread_model.dart的Getter错误 #

注意到Bread类的_imagePath getter存在递归调用，修正为：

class Bread {
  String name;
  String price;
  String imagePath;
  String rating;

  Bread({
    required this.name,
    required this.price,
    required this.imagePath,
    required this.rating,
  });

  String get _name => name;
  String get _price => price;
  // 修正：返回imagePath而非自身，避免递归报错
  String get _imagePath => imagePath;
  String get _rating => rating;
}

4. 确认点击跳转功能 #

breadSpecial.dart里的GestureDetector已经正确绑定onTap回调，且Menu.dart的ListView.builder中已传递onTap: () => navigateToBreadDetails(index)，修复上述问题后，点击面包卡片即可正常跳转到详情页。

额外优化建议 #

• 遵循Dart命名规范：类名改用大驼峰（比如MenuPage替代menuPage、BreadDetails替代breadDetails），提升代码可读性；
• 给BreadList指定类型：List<Bread> BreadList = [...]，避免类型推断隐患。

内容的提问来源于stack exchange，提问作者a k