Flutter父子Widget间ValueNotifier配置方法及异常解决

方案可行性验证 #

你采用的父组件声明ValueNotifier并传入子组件，子组件修改其value，父组件通过ValueListenableBuilder监听的方式，完全可以实现子向父传值，并且只会重建ValueListenableBuilder包裹的部分组件树。

原因是：ValueNotifier是Flutter提供的轻量状态共享类，它的value变更只会通知绑定的ValueListenableBuilder触发重建，不会导致整个父组件或其他无关组件重新build，完美符合你“仅重建部分组件树”的需求。

异常原因与解决方法 #

你遇到的setState() or markNeedsBuild() called during build异常，本质是在DraggableScrollableSheet的build过程中，直接修改了ValueNotifier的value，导致ValueListenableBuilder立刻触发重建请求，但此时Flutter的build流程尚未完成，框架禁止这种操作。

解决方法有两种，核心都是把修改ValueNotifier的操作延迟到当前build帧结束后执行：

• 使用SchedulerBinding的addPostFrameCallback：

  @override
  bool onNotification(DraggableScrollableNotification notification) {
    SchedulerBinding.instance.addPostFrameCallback((_) {
      // 这里修改你的ValueNotifier的值
      yourValueNotifier.value = notification.extent;
    });
    return false; // 根据需求返回true或false，true会阻止通知向上传递
  }
  

• 使用Future.microtask：

  @override
  bool onNotification(DraggableScrollableNotification notification) {
    Future.microtask(() {
      yourValueNotifier.value = notification.extent;
    });
    return false;
  }
  

两种方式都能避免在build过程中触发重建请求，彻底解决该异常。

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