Flutter Provider中ImageManager添加元素后列表始终为空

你遇到的列表始终为空的核心原因是：每次调用ImageManager()构造函数，都会生成一个全新的ImageManager实例，不同实例的内部状态（包括_images列表）是完全隔离、不共享的。
具体对应到你的代码逻辑：

• 在_someFunc方法中执行ImageManager().addImage(newInstance)时，你创建了一个临时的ImageManager对象，把图片添加到了这个临时对象的_images列表里，操作完成后这个临时对象没有被任何地方持有，很快就会被垃圾回收，添加的图片数据也随之丢失。
• 而Consumer<ImageManager>从组件树中获取的，是你通过状态管理框架（比如Provider）注册在上层的、全局共享的那一个ImageManager实例，这个实例自始至终没有被调用过addImage方法，内部的_images列表一直是初始化的空状态，所以渲染时永远会走到空列表的分支。
• 另外你的代码里还有两个隐藏问题：
  • 创建LocalImage实例时传入的参数是randomId，但你前一行生成的时间戳id变量名是referenceId，属于笔误，会导致id不匹配
  • getImageData方法在没找到对应图片时多余调用了notifyListeners()，会触发无意义的组件重绘，浪费性能

1. 所有操作ImageManager的地方，都使用状态管理框架注册到组件树的同一个实例，不要每次手动new新的实例。以Provider为例，添加图片的逻辑修改为：

_someFunc() async {
  final ImagePicker _picker = ImagePicker();
  XFile? xFile = await _picker.pickImage(source: ImageSource.gallery);
  // 增加用户取消选择的空判断，避免空指针
  if (xFile == null) return;

  Uint8List bytes = await xFile.readAsBytes();
  var referenceId = DateTime.now().millisecondsSinceEpoch.toString();

  LocalImage newInstance = LocalImage(referenceId, bytes);
  // 获取组件树中共享的ImageManager实例，listen: false表示不需要当前组件监听状态变化
  Provider.of<ImageManager>(context, listen: false).addImage(newInstance);

  widget.item.referenceId = referenceId;
}

2. 移除getImageData方法中多余的notifyListeners()调用，修改后代码：

Uint8List? getImageData(String referenceId) {
  for (var image in _images) {
    if (image.referenceId == referenceId) {
      return image.imageData;
    }
  }
  return null;
}

修改完成后，addImage操作和Consumer读取的就是同一个ImageManager实例，添加图片后就能正常触发刷新、渲染出对应图片了。

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