如何在React Native中打开新屏幕

Question

在我的本机项目中，我有5个底部标签的BottomTabNavigation，但是我想添加新的屏幕而不是标签（例如登录，注册，更改密码，购物车，退出），但是我不知道?如何做到这一点，可以有人告诉我这将如何发生。预先感谢。

这是我的应用截图https://ibb.co/4fqgXwp

Answer 1

React Native无法提供所需的导航解决方案。看看react-navigation，这是一个易于遵循并满足您需求的解决方案。

Answer 2

您可以使用react-native-navigation中提到的official documentation库。

Answer 3

您应该将Stack Navigator用作主导航器。将“底部标签”导航器添加为堆栈导航器场景

AppNavigator React Navigation的代码

const TabNavigator = createBottomTabNavigator({
  Tab1: Tab1,
  Tab2: Tab2,
  Tab3: Tab3,
  Tab4: Tab4,
  Tab5: Tab5
});

const AppNavigator = createStackNavigator({
  Home: TabNavigator,
  Login: Login
});

export default createAppContainer(AppNavigator);

工作演示