Flutter使用ImagePicker+Provider保存头像后重启应用无法加载问题

你虽然已经把选中的头像文件保存到了应用的文档目录，但仅在Provider的内存变量_imageFile中临时存储了文件引用，没有对头像的本地路径做持久化存储。应用重启后内存数据全部清空，_imageFile恢复为初始的null值，所以会一直显示默认占位图。

使用SharedPreferences轻量持久化存储头像的本地路径，在Provider初始化时主动读取存储的路径恢复头像即可，具体修改如下：

1. 先在pubspec.yaml中添加shared_preferences依赖，同步依赖后执行以下修改：
2. 修改ProfileInfoProvider逻辑：

import 'package:shared_preferences/shared_preferences.dart';

class ProfileInfoProvider with ChangeNotifier {
  // 存储头像文件
  File? _imageFile;
  // 存储用户名
  late String _name;
  // 持久化存储用的key常量
  static const String _profileImagePathKey = 'profile_image_save_path';

  // 构造方法自动触发本地存储的头像加载逻辑
  ProfileInfoProvider() {
    _initLoadSavedAvatar();
  }

  // 加载本地存储的头像
  Future<void> _initLoadSavedAvatar() async {
    final prefs = await SharedPreferences.getInstance();
    final String? savedPath = prefs.getString(_profileImagePathKey);
    if (savedPath == null || savedPath.isEmpty) return;
    final savedAvatarFile = File(savedPath);
    // 额外校验文件是否真实存在，避免文件被手动删除的异常场景
    if (await savedAvatarFile.exists()) {
      _imageFile = savedAvatarFile;
      notifyListeners();
    }
  }

  // 设置头像的方法
  Future<void> setProfileImage({required ImageSource source}) async {
    ImagePicker picker = ImagePicker();
    XFile? pickedImage = await picker.pickImage(source: source);
    if (pickedImage != null) {
      File pickedImageFile = File(pickedImage.path);
      String dirName = (await getApplicationDocumentsDirectory()).path;
      // 建议固定头像文件名，避免同个头像重复存储占用空间，每次新头像直接覆盖旧文件
      String targetSavePath = '$dirName/user_profile_avatar.jpg';
      File copiedFile = await pickedImageFile.copy(targetSavePath);
      // 将头像路径持久化存储到本地
      final prefs = await SharedPreferences.getInstance();
      await prefs.setString(_profileImagePathKey, targetSavePath);
      _imageFile = copiedFile;
      notifyListeners();
    }
  }

  // 原有逻辑保持不变
  void setName(String name) {
    _name = name;
    notifyListeners();
  }

  File? get getImageFile {
    return _imageFile;
  }

  String get getName {
    return _name;
  }
}

确保你在应用入口初始化ProfileInfoProvider时使用的是默认构造方法，这样初始化时的加载逻辑才会正常触发，重启应用后会自动读取已保存的头像。

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