Flutter Bloc组件使用问题：TokenBloc监听与API触发失效求助

你修改后的go()方法犯了两个关键错误：

• 你在方法里创建了BlocProvider和BlocListener，但这些Widget从未被添加到Widget树中，Flutter不会执行未挂载的Widget逻辑，所以listener完全不会触发。
• 这里通过sl()创建了一个全新的TokenBloc实例，和MultiBlocProvider里提供的那个不是同一个对象。你发送的GetToken事件只到了这个孤立的Bloc上，和页面里的业务逻辑完全脱节。

根据你“监听器与Widget分离、执行非UI操作”的需求，推荐两种方案：

方案1：直接订阅Bloc的State流（完全脱离Widget） #

既然不需要关联Widget构建，直接获取MultiBlocProvider提供的TokenBloc实例，订阅它的state流即可。记得在页面销毁时取消订阅，避免内存泄漏。

// 在State类里保存订阅对象
StreamSubscription? _tokenBlocSubscription;

void go() async {
  final tokenBloc = BlocProvider.of<TokenBloc>(context);
  // 发送事件到正确的Bloc实例
  tokenBloc.add(const GetToken());
  
  // 订阅State变化
  _tokenBlocSubscription = tokenBloc.stream.listen((state) {
    debugPrint(state.toString());
    if (state is TokenLoading) {
      debugPrint("LOADING");
    } else if (state is TokenError) {
      debugPrint("ERROR");
    } else if (state is TokenDone) {
      debugPrint("DONE");
      // 这里执行你需要的非UI操作，比如存储token、跳转等
    }
  });
}

// 页面销毁时取消订阅
@override
void dispose() {
  _tokenBlocSubscription?.cancel();
  super.dispose();
}

如果需要类似listenWhen的过滤逻辑，可以用where操作符：

_tokenBlocSubscription = tokenBloc.stream
    .where((state) => state is TokenDone || state is TokenLoading)
    .listen((state) {
  // 处理逻辑
});

方案2：正确使用BlocListener（仍在Widget树，但不影响UI构建） #

如果还是想用BlocListener，可以把它放到页面的Widget树中（比如作为Scaffold的子Widget），这样它能持续监听TokenBloc的状态，同时不影响UI渲染。点击按钮时只需要发送事件即可：

// 页面build方法里添加BlocListener
@override
Widget build(BuildContext context) {
  return MultiBlocProvider(
    providers: [
      BlocProvider<AuthBloc>(
        create: (context) => sl()..add(const GetToken()),
      ),
      BlocProvider<TokenBloc>(
        create: (context) => sl<TokenBloc>(),
      ),
    ],
    child: Scaffold(
      // 把BlocListener放在这里，作为Scaffold的子Widget
      body: BlocListener<TokenBloc, TokenBlocState>(
        listenWhen: (previous, current) => 
            current is TokenDone || current is TokenLoading || current is TokenError,
        listener: (_, state) {
          debugPrint(state.toString());
          if (state is TokenLoading) {
            debugPrint("LOADING");
          } else if (state is TokenError) {
            debugPrint("ERROR");
          } else if (state is TokenDone) {
            debugPrint("DONE");
            // 执行非UI操作
          }
        },
        // 原来的页面内容
        child: BlocBuilder<AuthBloc, AuthState>(
          builder: (context, state) {
            if (state is AuthDone) {
              return Container(
                child: ElevatedButton(
                  onPressed: () => _go(context),
                  child: const Text("Go"),
                ),
              );
            }
            return const SizedBox();
          },
        ),
      ),
    ),
  );
}

// _go方法只负责发送事件
void _go(BuildContext context) {
  BlocProvider.of<TokenBloc>(context).add(const GetToken());
}

• 永远不要在非build方法里创建Widget却不挂载到Widget树，这类Widget不会被Flutter处理。
• 确保你操作的Bloc实例是同一个：通过BlocProvider.of<TokenBloc>(context)获取的是MultiBlocProvider提供的实例，不要随意新建。

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