React Native中bottomTabNavigator下无需跳转跨屏幕传递变量的方法

我当前使用bottomTabNavigator做底部标签导航，需要将List页面中的变量email传递到Account页面，且要求传递过程不需要触发页面跳转操作。

以下三种方案均可满足无跳转跨标签页传值的需求：

• 全局状态管理（推荐）
  是同级路由页面共享数据的最优解，可根据项目复杂度选择React Context、Zustand、Redux等状态管理工具。以React Context为例：
  1. 创建全局Context包裹整个底部导航容器，定义email状态及对应的更新方法
  2. 在List页面调用更新方法修改Context中的email值
  3. Account页面直接订阅Context的email状态，无需跳转即可实时获取最新数据
• 父导航参数共享
  如果你使用的是React Navigation体系的Bottom Tabs组件，可以直接操作父导航的公共参数：
  在List页面执行代码更新公共参数：

  // List页面代码
  navigation.getParent()?.setParams({ sharedEmail: email })
  

  Account页面直接从路由参数取值即可：

  // Account页面代码
  const email = route.params?.sharedEmail
  

  只要List侧完成参数更新，Account页面无论何时切换激活都能拿到最新值，全程不会触发页面跳转。
• 事件总线同步
  引入轻量事件通信库（如tiny-emitter），在List页面修改email时触发自定义事件，Account页面监听该事件，收到通知后主动更新本地存储的email变量，可实现无跳转实时同步。

内容的提问来源于stack exchange，提问作者federico-pi