Flutter中DrawerHeader的CircleAvatar更换本地图片报错求助

架构老林

2026-7-24

问题原因 & 解决办法

核心错误

你用AssetImage加载设备文件系统里的图片路径是错的——AssetImage只能加载项目assets目录下、且在pubspec.yaml中声明过的资源文件，不能直接读取设备本地的文件路径，这就是报错的根源。

解决步骤

把状态变量的类型从AssetImage改成ImageProvider（AssetImage和FileImage都是它的子类，能同时兼容默认资源图和本地文件图）
选中图片后，用FileImage替代AssetImage来加载本地文件

修正后的代码

ImageProvider image = AssetImage('assets/images/profile-user.png');

pickNewImage() async {
  final status = await Permission.storage.status;
  String folderPath = "";
  if (status != PermissionStatus.granted) {
    await Permission.storage.request();
  }
  if (await Permission.storage.status.isGranted) {
    Directory folderDir = await getApplicationDocumentsDirectory();
    folderPath = folderDir.path;
  }

  final picker = ImagePicker();
  final pickedImage = await picker.pickImage(source: ImageSource.gallery);

  if (pickedImage != null) {
    File pickedImageFile = File(pickedImage.path);
    final targetFile = File("$folderPath/profile-picked-user.png");
    await pickedImageFile.copy(targetFile.path);
    setState(() {
      // 改用FileImage加载本地文件
      image = FileImage(targetFile);
    });
  } else {
    return;
  }
}