首页 > 解决方案 > 反应原生我无法添加新屏幕而不将其添加到 createMaterialBottomTabNavigator

问题描述

您好,我希望能够转到一个新页面而不将它们添加到 <Tab.Screen 的另一个含义我想使用 this.props.navigation.navigate 所以为了让我这样做,我需要添加新屏幕但是如何在不将它们添加到 <tab.screen 的情况下添加新屏幕

这是我的代码的一个小样本

const Tab = createMaterialBottomTabNavigator();
const Stack = createStackNavigator();

const App = ({navigation}) => {
  return (
    <NavigationContainer>
      <Tab.Navigator initialRouteName="Home" shifting={true}>
        <Tab.Screen
          name="Feed"
          component={mainPage}
          options={{
            tabBarLabel: 'Home',
            tabBarColor: '#29a8ab',

            tabBarIcon: ({color}) => (
              <Icon name="home" color={color} size={26} />
            ),
          }}
          tabBarColor={'#FF0000'}
        />
        <Tab.Screen
          name="Notifications"
          component={cartPage}
          options={{
            tabBarLabel: 'Shop',

            tabBarColor: '#ff8b94',
            tabBarIcon: ({color}) => (
              <Icon name="cart" color={color} size={26} />
            ),
          }}
        />
      </Tab.Navigator>
    </NavigationContainer>
  );
};

export default createApp;

标签: react-nativereact-navigation

解决方案


推荐阅读