在React Navigation中,如何获得“推送”过渡效果而不是“堆栈”?

时间:2019-04-24 05:23:34

标签: reactjs react-native react-navigation react-navigation-stack react-navigation-drawer

我正在尝试以一种将应用程序“推”到左侧屏幕而不是将另一个屏幕“堆叠”在顶部的方式创建应用程序

这是我的意思: https://imgur.com/gallery/ZoXrSrp

我试图让我的应用程序具有与CashApp gif所示的推送效果相同的推送效果,而不是以太坊gif

在我的transitionConfig中,我当前向右滑动的幻灯片如下所示:

  export const SlideToRightTransition = (index, position) => {
    const inputRange = [index - 1, index, index + 0.99, index + 1]

    const translateX = position.interpolate({
      inputRange,
      outputRange: [-DEVICE_RESOLUTION.width, 0, 0, 0],
    })

    return { transform: [{ translateX }] }
  }

请注意,我正在使用堆栈导航器

我应该如何做到这一点呢?

非常感谢

0 个答案:

没有答案