Flutter调用setState后无法访问相机流更新的_currentImage字段

问题根因 #

setState本身不会修改_currentImage字段，也不会阻塞imageStream的赋值逻辑，你遇到的问题是组件重建导致CameraView实例被重置引发的：

• 你当前的CameraView实例大概率是在build方法中创建的，每次调用setState触发页面重绘时，都会生成一个全新的CameraView实例
• 旧的CameraView实例仍然在接收相机流回调，所以你能看到imageStream的赋值日志一直输出，但日志里赋值的是旧实例的_currentImage字段
• 你在按钮回调中访问的是新生成的CameraView实例，新实例的_currentImage还没被赋值过，所以返回null，条码识别逻辑自然也不会执行

修复方案 #

按优先级依次排查修改：

• 将CameraView实例的初始化移到State类的initState方法中，作为State的全局成员变量，不要在build方法里每次创建新实例：

class YourPageState extends State<YourPage> {
  late CameraView cameraView; // 成员变量存实例

  @override
  void initState() {
    super.initState();
    cameraView = CameraView(); // 仅初始化一次
  }

  @override
  Widget build(BuildContext context) {
    // build里直接用上面的cameraView实例，不要重新new
    return // 你的页面布局
  }
}

• 如果CameraView本身是自定义的StatefulWidget，给它绑定一个GlobalKey，防止页面重绘时Widget被强制重建丢失内部状态：

final GlobalKey<CameraViewState> cameraKey = GlobalKey();

// build中使用时
CameraView(
  key: cameraKey,
  // 其他参数
)

// 调用takePhoto时通过key拿实例
var image = cameraKey.currentState?.takePhoto();

• 如果你的页面放在PageView、TabBarView等可切换容器中，给页面State混入AutomaticKeepAliveClientMixin，设置wantKeepAlive = true，防止页面切换时被销毁重建。

额外优化建议 #

可以在takePhoto方法中加个非空判断，拿到image后先立即转成你需要的目标格式，避免返回的CameraImage被后续新的相机帧覆盖导致识别异常。

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