如何监听Flutter页面全局变量CodeEmailVerif.code的变更并触发请求？

关于didChangeDependencies的适用性 #

didChangeDependencies仅在Widget依赖的InheritedWidget发生变化时触发，而你当前的CodeEmailVerif.code是普通静态字段，不属于InheritedWidget的依赖范畴，因此无法通过该方法监听它的变更，这个方案不可行。

可行的监听方案 #

方案1：用ValueNotifier包装全局变量（简单高效） #

修改全局变量类，将静态字段改为ValueNotifier，利用其自带的监听机制感知值的变化：

修改全局变量类

class CodeEmailVerif {
  // 用ValueNotifier包装code，初始值为null
  static final ValueNotifier<String?> code = ValueNotifier<String?>(null);
}

在页面中实现监听

将原initState中的逻辑抽离为独立方法，通过addListener监听ValueNotifier的变化：

@override
void initState() {
  super.initState();
  // 页面初始化时先执行一次逻辑
  _handleCodeChange(CodeEmailVerif.code.value);
  // 添加监听，code变化时触发回调
  CodeEmailVerif.code.addListener(_onCodeChanged);
}

@override
void dispose() {
  // 页面销毁时移除监听，避免内存泄漏
  CodeEmailVerif.code.removeListener(_onCodeChanged);
  super.dispose();
}

// code变化时的回调
void _onCodeChanged() {
  _handleCodeChange(CodeEmailVerif.code.value);
}

// 处理code逻辑的核心方法
Future<void> _handleCodeChange(String? code) async {
  final appState = Provider.of<AppState>(context, listen: false);
  final ProfileCubit cubit = BlocProvider.of<ProfileCubit>(context);
  final CurrentEmailCubit currentEmailCubit = BlocProvider.of<CurrentEmailCubit>(context);

  if (code != null) {
    await currentEmailCubit.getCurrentEmail();
    final success = await currentEmailCubit.confirmEmail(
      code: code,
      email: currentEmailCubit.currentEmail
    );
    if (success) {
      await cubit.fetchProfile(context);
      final profileState = cubit.state;
      if (profileState is ProfileLoaded) {
        appState.isEmailVerif = profileState.user!.isEmailConfirmed;
        if (appState.isEmailVerif) {
          _emailSuccessVerifDialog();
        }
      }
    }
  } else {
    await currentEmailCubit.getCurrentEmail();
    await cubit.fetchProfile(context);
    final profileState = cubit.state;
    if (profileState is ProfileLoaded) {
      appState.isEmailVerif = profileState.user!.isEmailConfirmed;
      if (!appState.isEmailVerif) {
        _emailDialog();
      }
    }
  }
}

使用方式：后续修改code时直接更新ValueNotifier的value即可触发监听：

CodeEmailVerif.code.value = "新的验证码";

方案2：利用现有Bloc/Cubit管理状态（符合项目架构） #

由于项目已经使用Bloc/Cubit，可创建专门的Cubit来管理验证码状态，更符合状态管理规范：

创建CodeVerificationCubit

class CodeVerificationCubit extends Cubit<String?> {
  CodeVerificationCubit() : super(null);

  // 更新验证码的方法
  void updateCode(String? newCode) {
    emit(newCode);
  }
}

在页面中监听Cubit状态

通过BlocListener监听状态变化，自动触发逻辑：

@override
Widget build(BuildContext context) {
  return BlocListener<CodeVerificationCubit, String?>(
    listener: (context, code) {
      // 状态变化时执行逻辑
      _handleCodeChange(code);
    },
    child: // 你的页面主体内容
  );
}

// 复用之前的_handleCodeChange方法
Future<void> _handleCodeChange(String? code) async {
  // 同方案1中的核心逻辑
}

使用方式：通过Cubit更新验证码即可触发监听：

BlocProvider.of<CodeVerificationCubit>(context).updateCode("新的验证码");

方案3：使用StreamController（灵活自定义） #

如果需要更灵活的数据流控制，可使用StreamController实现：

修改全局变量类

class CodeEmailVerif {
  static final _codeController = StreamController<String?>.broadcast();
  static String? _code;

  static String? get code => _code;

  static set code(String? newCode) {
    _code = newCode;
    // 发送新值到流中
    _codeController.add(newCode);
  }

  // 对外暴露监听的流
  static Stream<String?> get codeStream => _codeController.stream;
}

在页面中监听Stream

StreamSubscription? _codeSubscription;

@override
void initState() {
  super.initState();
  _handleCodeChange(CodeEmailVerif.code);
  // 监听流的变化
  _codeSubscription = CodeEmailVerif.codeStream.listen((code) {
    _handleCodeChange(code);
  });
}

@override
void dispose() {
  // 取消订阅，避免内存泄漏
  _codeSubscription?.cancel();
  super.dispose();
}

// 复用_handleCodeChange方法

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