react-navigation - 如何用 NavigationContainer 替换 createAppContainer？ (使用兼容层模块)

Question

我正在尝试从 v4 迁移到 v5，他们已经删除了 createAppContainer 并说要使用 NavigationContainer。

我正在使用 compatibility layer docs 中的 createCompatNavigatorFactory 内容.

之前，我会将我的主导航器传递给 createAppContainer，然后使用该组件来包装我的整个应用。

现在文档说只需使用 NavigationContainer，但他们没有说明如何将其应用于使用兼容层的人。

这很困惑。我的代码看起来像这样:

const MainNavigator = createStackNavigator(...)
const AppNavigator = createAppNavigator(MainNavigator)

在 App.js 中

render() {
   <View>
    <AppNavigator ref={navigationRef} />
  </View>
}

现在我已经切换到以下内容:

 const MainNavigator = createCompatNavigatorFactory(createStackNavigator)(...)

在 App.js 中

render() {
   <View>
    <NavigationContainer ref={navigationRef} />
  </View>
}

我想知道您如何将 navigationContainer 连接到 compat navigator 工厂函数制作的内容。我想知道为什么文档中对此一无所知...

Answer 1

render() {
  return (
    <NavigationContainer ref={navigationRef}>
      <MainNavigator />
    </NavigationContainer>
  );
}

https://reactnavigation.org/docs/en/getting-started.html