React native:显示标签栏在其他屏幕上反应导航

问题描述 投票:1回答:1

我使用React Navigation 5,带有@ react-navigation / material-top-tabs的选项卡栏在更改屏幕时具有过渡。

我想在学习屏幕上显示该标签栏。

我研究了很多次,但还没有找到解决方法。

import {createMaterialTopTabNavigator} from '@react-navigation/material-top-tabs';

const Stack = createStackNavigator();
const MainTabs = createMaterialTopTabNavigator();

function MainTabsComponent() {
  return (
    <MainTabs.Navigator
      initialRouteName={'MyCourses'}
      tabBarPosition={'bottom'}>
      <MainTabs.Screen
        name="MyCourses"
        component={MyCoursesContainer}
      />
      <MainTabs.Screen
        name="Profile"
        component={ProfileContainer}
      />
    </MainTabs.Navigator>
  );
}

export default function Routes() {
  return (
    <Stack.Navigator
      initialRouteName={'MainTabs'}>
        <Stack.Screen name="MainTabs" component={MainTabsComponent} />
        <Stack.Screen name="Learning" component={LearningContainer} />
    </Stack.Navigator>
  );
} 

希望您对我有什么建议。非常感谢]]

我使用React Navigation 5,带有@ react-navigation / material-top-tabs的标签栏,在更改屏幕时具有过渡。我想在“学习”屏幕上显示该标签栏。我研究了很多次,但我还没有...'

react-native tabbar react-navigation-v5
1个回答
0
投票

这里有同样的问题,您能解决吗?

© www.soinside.com 2019 - 2024. All rights reserved.