Flutter：设置相同值时ValueListenableBuilder不触发的解决办法

因为ValueNotifier仅在值发生实际变化时才会通知监听器，重复设置相同的true不会触发更新。以下是三种无需第三方状态管理的实现方案：

方案一：自定义强制通知的ValueNotifier #

创建一个继承自ValueNotifier的子类，重写值的setter方法，强制每次设置值时都通知监听器，无论新旧值是否一致。

修改视图模型代码： #

// 自定义强制通知的ValueNotifier
class ForceNotifyValueNotifier<T> extends ValueNotifier<T> {
  ForceNotifyValueNotifier(super.value);

  @override
  set value(T newValue) {
    super.value = newValue;
    // 强制触发监听器更新
    notifyListeners();
  }
}

class FeatureViewModel extends ChangeNotifier {
  // 替换原ValueNotifier为自定义实现
  final adWatchNeeded = ForceNotifyValueNotifier<bool>(false);

  void useFeature() {
    // 重复设置true也会触发监听器
    adWatchNeeded.value = true;
  }
}

UI侧代码无需修改，原ValueListenableBuilder可直接使用这个自定义Notifier。

方案二：用计数器作为触发标记 #

将ValueNotifier的类型从bool改为int，通过计数器递增来触发通知，每次调用useFeature时让计数器加1，只要计数器变化就触发弹窗。

修改视图模型代码： #

class FeatureViewModel extends ChangeNotifier {
  ValueNotifier<int> adTriggerCounter = ValueNotifier(0);

  void useFeature() {
    // 每次递增计数器，确保值发生变化
    adTriggerCounter.value++;
  }
}

修改UI监听代码： #

Widget _buildAdWatchNeededDialog() {
  return ValueListenableBuilder<int>(
    valueListenable: _viewModel.adTriggerCounter,
    builder: (context, counter, child) {
      WidgetsBinding.instance.addPostFrameCallback((_) {
        // 计数器变化即触发弹窗
        showAdWatchNeededDiaog(context);
      });
      return const SizedBox.shrink();
    },
  );
}

方案三：临时切换值触发通知 #

在设置true前先设置false，通过微任务延迟设置true，确保两次值变化都能被监听器捕获。

修改视图模型的useFeature方法： #

void useFeature() {
  // 先设为false，再通过微任务设回true，触发两次值变化
  adWatchNeeded.value = false;
  Future.microtask(() {
    adWatchNeeded.value = true;
  });
}

UI代码保持不变，每次调用useFeature都会触发两次通知，最终弹窗会被正常调用。

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