键盘触发事件导致Bloc状态丢失问题求助

核心原因分析 #

你的问题大概率是Bloc实例被意外重新创建导致的状态丢失，常见场景包括：

• 在build方法内初始化Bloc实例，父组件重建（比如键盘收起触发的布局变化、调用setState）时会重新生成Bloc，原有状态被重置为初始状态
• Bloc的事件处理逻辑中错误地发出了UserInitialState

解决方案 #

1. 正确注入Bloc实例，避免在build中创建 #

不要手动传递bloc参数给BlocConsumer，改用BlocProvider在组件树上层提供Bloc实例，确保其生命周期稳定：

步骤1：在父组件中提供Bloc

BlocProvider(
  create: (context) => UserBloc(), // 在这里仅初始化一次Bloc
  child: YourLoginPage(),
)

步骤2：在Login组件中使用BlocConsumer（无需手动传bloc）

BlocConsumer<UserBloc, UserState>(
  listener: (context, state) {
    if (state is AuthorizatedState) {
      // Navigator跳转逻辑
    }
    print("[Login] state is change on $state");
  },
  builder: (context, state) {
    print("[Login] state in builder: $state");
    // 原有UI代码保持不变
    return Column(
      children: [
        // ... 你的输入框、按钮等组件
      ],
    );
  },
)

这样Bloc实例会由BlocProvider管理，不会因为组件重建而被重新创建，状态得以保留。

2. 检查父组件的setState调用 #

你的代码中有setState(() { modeIsLogin = false; });，如果这个setState导致父组件重建，而之前你是在父组件的build里创建Bloc，就会触发Bloc重新初始化。确保Bloc的创建和组件的状态更新逻辑分离。

3. 排查Bloc的事件处理逻辑 #

检查UserBloc中处理AuthorizationEvent的代码，确认没有在验证流程中错误地发出UserInitialState。比如：

class UserBloc extends Bloc<UserEvent, UserState> {
  UserBloc() : super(UserInitialState()) {
    on<AuthorizationEvent>((event, emit) async {
      emit(LoadingState());
      try {
        // 执行登录验证逻辑
        final isAuthorized = await yourAuthService.login(event.login, event.password);
        emit(AuthorizatedState(authorizated: isAuthorized));
      } catch (e) {
        emit(ErrorState(message: e.toString()));
        // 这里不要错误地emit(UserInitialState())
      }
    });
  }
}

如果在异常处理或验证完成后意外发出初始状态，也会导致状态被覆盖。

4. 优化键盘收起逻辑（可选） #

如果是布局变化导致组件重建，可尝试点击按钮时先关闭键盘，但前提是Bloc实例已经稳定：

onTap: () async {
  FocusManager.instance.primaryFocus?.unfocus();
  await Future.delayed(const Duration(milliseconds: 100)); // 给键盘收起预留时间
  context.read<UserBloc>().add(AuthorizationEvent(loginController.text, passwordController.text));
}

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