如何用NavigationContainer替换createAppContainer? (使用兼容层模块)

时间:2020-02-20 00:30:50

标签: react-navigation react-navigation-stack react-navigation-v5

我正在尝试从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工厂功能制作的东西。我想知道为什么文档中什么都没有...

1 个答案:

答案 0 :(得分:1)

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

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

相关问题