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

标签 javascript react-native 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},
  })

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

最佳答案

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

更进一步,您的请求非常常见,在这个 stackoverflow 问题中您可以找到您正在寻找的答案:From left to right window animation with react-navigation?

关于javascript - 使用 React Navigation 进行左右导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52865366/

相关文章:

javascript - 在 Icefaces 中调用 js 函数

javascript - C3js - 仅用于线条的带有数据标签的组合图表

react-native - Expo EAS 环境变量和 secret 值在构建期间未完全识别

javascript - React 原生全局值重新渲染

react-native - react native 导航类型错误 : undefined is not an object (evaluating 'Object.keys(routeConfigs)' )

javascript - JS-动态创建表

javascript - 如何在此 JSON 响应中访问 browser 和 browser_version?

ios - OKta + react native + OKta 自定义登录页面 + okta 离线登录

reactjs - React-native:在不同屏幕中删除 BackHandler

React-Native/Redux-传奇 : how to wait for dispatch to finish