React Native Navigation：从 React 组件外部导航到屏幕

Question

https://wix.github.io/react-native-navigation/docs/basic-navigation#navigating-in-a-stack 表示将新屏幕推送到堆栈需要当前屏幕的componentId。我的用例是允许基于本机模块发出的某些事件进行导航。因此，componentId 对我不可用，因为事件侦听器将驻留在任何 React 组件屏幕之外。有没有办法从RNN外部导航到屏幕？甚至获取当前的componentId。

Answer 1

我最终添加了一个命令事件侦听器以将当前的componentId 存储在闭包中。

let currentComponentId;

Navigation.events().registerCommandListener((name, params) => {
  if (name === 'push') {
    currentComponentId = params.componentId;
  }
});

Navigation.events().registerAppLaunchedListener(() => {
  Navigation.setRoot(rootRouteConfig);

  EventEmitter.addListener('navigate', (name) => {
    Navigation.push(currentComponentId, {
      component: {
        name,
      },
    });
  });
});