Flutter使用BLoC实现Tab页面间状态传递的问题及疑问

问题核心 #

作为Flutter和BLoC模式新手，开发带Tab布局的计数器应用时，点击increment/decrement按钮更新数值并在Tab 2展示，最初因BlocProvider放置位置错误触发ProviderNotFoundException，将其移至MyApp类的build方法后问题解决，但不清楚原位置无效的原因。使用依赖版本：flutter_bloc: ^8.1.6、bloc: ^8.1.4。

原位置无效的根本原因 #

BlocProvider的核心逻辑是通过Widget树的上下文向上查找实例，只有当需要访问Bloc的Widget处于BlocProvider的子树范围内时，才能成功找到对应的Bloc实例：

• 若最初将BlocProvider放在某个Tab页面内部（比如Tab1的页面Widget中），或放在TabBarView的某个子Widget里，另一个Tab（比如Tab2）的上下文属于同级Widget树分支，无法遍历到该BlocProvider的作用域，自然会抛出找不到Provider的异常。
• 类似的，如果BlocProvider被包裹在某个路由页面内部而非全局根Widget下，跨页面或跨Tab的Widget也无法访问到它。

正确的BlocProvider作用域逻辑 #

将BlocProvider放在MyApp的build方法中，意味着它作为整个App的根级Provider，所有页面、Tab的Widget都处于它的子树范围内，无论切换到哪个Tab，对应的上下文都能向上遍历找到Bloc实例，因此不会出现查找失败的问题。

对于多Tab场景，只要所有Tab页面都需要共享同一个Bloc实例，就必须保证BlocProvider的作用域覆盖所有Tab的Widget树，最稳妥的方式就是放在App的根节点或TabBar的父Widget层级（比如TabBarView的直接父级）。

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