Вложенная вкладка навигации в реагировать родной

Question

Я пытаюсь использовать вложенные вкладки в реагировать родной, и я застрял на нем около 2 дней.

В основном, я хочу сказать, с домашней страницы I go на странице musi c и на странице musi c я показываю 2 вкладки или кнопки «Фотографии» и «видео», и при нажатии на «Фотографии» отображаются «фотографии», а при нажатии на вкладку «видео» - показывает видео. остальная часть страницы остается прежней, и единственное, что изменяется, - это содержимое вкладки, в зависимости от того, на какой вкладке нажимают.

Итак, мне действительно трудно пытаться выполнить sh. Если бы это было просто приложение реагирования, это было бы 5-минутным, но это кажется действительно сложным.

Вот некоторый соответствующий код:

const PhotoNestStack = createMaterialTopTabNavigator({
    Photos:{screen:Photos},
    Videos:{screen: Videos}
});

const PhotoContainer = createAppContainer(
    createSwitchNavigator({
        Tabs: PhotoNestStack
    })
);

export default function PhotoVideoScreen() {
  return (
    <View style={styles.containerStyle}>
        <Text> This is Photo Video Screen</Text>
        <Text> Videos</Text>
        <PhotoContainer />
    </View>
  );
}

Теперь, с код выше. Другие элементы на странице отображаются, но вкладки как-то не отображаются.

Я настроил навигацию следующим образом:

const config = Platform.select ({web: {headerMode: 'screen '}, по умолчанию: {},});

const HomeStack = createStackNavigator(
  {
    Home: HomeScreen,
    Music: MusicScreen,
    PostStory: PostStoryScreen,
    PhotoVideo: PhotoVideoScreen
  },
  config
);

Вкладки, которые я хочу, находятся на PhotoVideoScreen, но они не отображаются, но остальная часть материала на PhotoVideoScreen действительно отображается. Итак, где я здесь не так?