Как заменить createAppContainer на NavigationContainer? (используя модуль уровня совместимости)

Question

Я пытаюсь перейти с v4 на v5, и они удалили createAppContainer и говорят использовать вместо него NavigationContainer.

Я использую материал createCompatNavigatorFactory из документов уровня совместимости .

Раньше я передавал свой основной навигатор в createAppContainer, а затем использовал этот компонент для обертывания всего моего приложения.

Теперь в документах говорится, что нужно просто использовать NavigationContainer, но они не говорите ничего о том, как применить это к людям, использующим слой совместимости.

Это сбивает с толку. Мой код использует, чтобы выглядеть так:

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

и в приложении. js

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

Теперь я переключился на следующее:

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

и в приложении. js

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

Мне интересно, как вы подключаете навигационный контейнер к материалу, производимому фабричной функцией навигатора compat. Мне интересно, почему в документах ничего нет об этом ...

Answer 1

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

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