Flutter添加植物伙伴时遇闭包参数不匹配错误求助

核心错误原因 #

CameraPage跳转到AddNewBuddyPage时，传入的addBuddy是无参空闭包() {}，但AddNewBuddyPage点击"Add Buddy"时会向该闭包传递一个PlantDataModel对象，参数数量不匹配导致调用失败。

分步修复方案 #

1. 调整CameraPage的构造与回调传递

CameraPage需要接收DashboardPage的添加植物回调，修改代码如下：

class CameraPage extends StatefulWidget {
  const CameraPage({
    Key? key,
    required this.cameras,
    required this.addBuddy, // 添加回调参数
  }) : super(key: key);

  final List<CameraDescription>? cameras;
  final void Function(PlantDataModel) addBuddy; // 明确参数类型

  @override
  State<CameraPage> createState() => _CameraPageState();
}

class _CameraPageState extends State<CameraPage> {
  // ... 其他代码保持不变 ...

  Future takePicture() async {
    // ... 其他代码保持不变 ...
    try {
      await _cameraController.setFlashMode(FlashMode.off);
      XFile picture = await _cameraController.takePicture();

      Navigator.push(
          context,
          MaterialPageRoute(
              builder: (context) =>
                  AddNewBuddyPage(addBuddy: widget.addBuddy, image: picture))); // 传入正确回调
    } on CameraException catch (e) {
      debugPrint('Error occured while taking picture: $e');
      return null;
    }
  }

  // ... 其他代码保持不变 ...
}

2. 修正AddNewBuddyPage的回调类型定义

明确addBuddy的参数类型，避免隐式类型错误：

class AddNewBuddyPage extends StatefulWidget {
  final void Function(PlantDataModel) addBuddy; // 明确参数类型
  final XFile image; // 去掉可空标记，因参数为required
  AddNewBuddyPage({super.key, required this.addBuddy, required this.image});

  @override
  State<AddNewBuddyPage> createState() => _AddNewBuddyPageState();
}

class _AddNewBuddyPageState extends State<AddNewBuddyPage> {
  // ... 其他代码保持不变 ...

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // ... 其他代码保持不变 ...
      body: SingleChildScrollView(
        child: Column(
          children: [
            // ... 其他代码保持不变 ...
            Image.file(
              File(widget.image.path), // 去掉!，因image为非空
              fit: BoxFit.cover,
              width: 250,
              height: 200,
            ),
            Container(
              height: 50,
              width: 250,
              decoration: BoxDecoration(
                  color: Colors.blue, borderRadius: BorderRadius.circular(20)),
              child: TextButton(
                onPressed: () {
                  // 增加数字转换异常处理，避免输入非数字崩溃
                  double? height = double.tryParse(heightController.text);
                  if (height == null) {
                    // 可添加弹窗提示用户输入合法数字
                    return;
                  }
                  widget.addBuddy(PlantDataModel(
                    plantName: plantNameController.text,
                    height: height,
                    date: DateFormat.yMMMd().format(DateTime.now()),
                    id: DateTime.now().toString(),
                    image: widget.image,
                  ));
                  Navigator.pop(context);
                },
                child: const Text(
                  'Add Buddy',
                  style: TextStyle(color: Colors.white, fontSize: 25),
                ),
              ),
            )
          ],
        ),
      ),
    );
  }
}

3. 修复PlantDataModel的定义

PlantDataModel是数据模型，无需继承StatelessWidget：

class PlantDataModel {
  final String plantName;
  final double height;
  final String date;
  final String id;
  final XFile image;

  PlantDataModel({
    required this.plantName,
    required this.height,
    required this.date,
    required this.id,
    required this.image,
  });
}

4. 调整DashboardPage跳转到CameraPage的逻辑

确保跳转时传入自身的添加回调方法：

class _DashboardPageState extends State<DashboardPage> {
  final List<PlantDataModel> currentPlantBuddyList = [];
  late XFile image = XFile('path');

  void _addNewPlantBuddy(PlantDataModel buddy) {
    setState(() {
      image = XFile(buddy.image.path);
      currentPlantBuddyList.add(buddy);
    });
  }

  // 示例跳转方法（根据实际触发逻辑调整）
  void _openCamera() async {
    List<CameraDescription> cameras = await availableCameras();
    Navigator.push(
      context,
      MaterialPageRoute(
        builder: (context) => CameraPage(
          cameras: cameras,
          addBuddy: _addNewPlantBuddy, // 传入添加回调
        ),
      ),
    );
  }

  // ... 其他代码保持不变 ...
}

额外注意点 #

• 始终处理用户输入合法性：比如用double.tryParse替代double.parse，避免非数字输入导致崩溃
• 确保required参数全量传递，避免空指针异常
• 数据模型类保持职责单一，不要继承Widget组件类

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