Flutter集成ImagePicker后build方法返回null报错如何解决？

问题根因 #

• 你遇到的A build function returned null报错，核心原因是buildUploadForm方法没有返回Widget：当你选中图片后file不为空，build方法会调用buildUploadForm()，但你这个方法里只创建了Text('File loaded')实例，没有用return返回该实例，方法最终返回值为null，触发了Flutter的构建断言。
• 日志中D/MediaScannerConnection开头的行是Android系统的媒体扫描调试日志，属于正常行为，不是错误，无需处理。
• 另外代码有冗余瑕疵：handleTakePhoto方法内重复声明了局部变量file，虽不影响当前运行，但建议优化。

修复方案 #

1. 修正buildUploadForm方法 #

将原方法补全返回逻辑：

// 原错误代码
buildUploadForm() {
  Text('File loaded');
}

// 修正后（只展示文本的写法）
Widget buildUploadForm() {
  return const Text('File loaded');
}

// 如果要直接展示选中的图片，替换为如下写法（需提前导入dart:io包）
// import 'dart:io';
Widget buildUploadForm() {
  return Image.file(File(file.path));
}

2. 可选优化：移除冗余变量声明 #

修改handleTakePhoto方法，避免重复声明局部变量：

handleTakePhoto() async {
  Navigator.pop(context);
  // 去掉方法内的PickedFile类型声明，直接给类属性赋值
  file = await _picker.getImage(
      source: ImageSource.camera, maxHeight: 675, maxWidth: 900);
  setState(() {});
  return file;
}

修改后重新运行项目即可解决报错。

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