时间戳

首页 > 解决方案 > 使用 React Navigation 进行左右导航

javascript - 使用 React Navigation 进行左右导航

问题描述

对于我的一生，我无法弄清楚这一点；我有一个 React Native 应用程序，它在启动屏幕上进行一些身份验证，然后导航到登录页面。登陆页面（中）的左侧和右侧都有一个屏幕。

使用 this.props.navigation.navigate('RouteName') 导航到右侧就可以了。但是，当我导航到左侧屏幕时，它仍然从右侧滑入。有没有办法覆盖这种行为？

const RootStack = createStackNavigator(
  {
    Splash: {screen: Splash, navigationOptions:navConfig},
    middleScreen: {screen: Middle, navigationOptions:navConfig},
    LeftScreen: {screen: Left, navigationOptions:navConfig},
    RightScreen: {screen: Right, navigationOptions:navConfig},
  })

它只是没有将所有场景加载到堆栈上吗？

标签： javascriptreact-nativereact-navigation

解决方案

很抱歉，您对滑动方向动画的直观定义完全错误。它不是那样工作的，您定义路线的顺序与动画这些路线的动画完全无关。

更进一步，您的请求很常见，在这个 stackoverflow 问题中，您可以找到您正在寻找的答案：使用 react-navigation 从左到右的窗口动画？

推荐阅读