React native 根据原点对本机导航的不同动画作出反应

React native 根据原点对本机导航的不同动画作出反应,react-native,react-navigation,react-navigation-stack,React Native,React Navigation,React Navigation Stack,我正在努力让下面的内容发挥作用。 有3个屏幕: 屏幕A 屏幕B 屏幕C 我想要一个不同的动画,当a转到C时,比当B转到C时。有人知道怎么做吗 您可以使用此库:。因此,根据文档,您可以将特定转换添加到特定页面,如: import { fromLeft, zoomIn, zoomOut } from 'react-navigation-transitions' const handleCustomTransition = ({ scenes }) => { const prevScene

我正在努力让下面的内容发挥作用。 有3个屏幕:

  • 屏幕A
  • 屏幕B
  • 屏幕C

  • 我想要一个不同的动画,当a转到C时,比当B转到C时。有人知道怎么做吗

    您可以使用此库:。因此,根据文档,您可以将特定转换添加到特定页面,如:

    import { fromLeft, zoomIn, zoomOut } from 'react-navigation-transitions'
    
    const handleCustomTransition = ({ scenes }) => {
      const prevScene = scenes[scenes.length - 2];
      const nextScene = scenes[scenes.length - 1];
    
      // Custom transitions go there
      if (prevScene
        && prevScene.route.routeName === 'ScreenA'
        && nextScene.route.routeName === 'ScreenB') {
        return zoomIn();
      } else if (prevScene
        && prevScene.route.routeName === 'ScreenB'
        && nextScene.route.routeName === 'ScreenC') {
        return zoomOut();
      }
      return fromLeft();
    }
    
    const PrimaryNav = createStackNavigator({
      ScreenA: { screen: ScreenA },
      ScreenB: { screen: ScreenB },
      ScreenC: { screen: ScreenC },
    }, {
      transitionConfig: (nav) => handleCustomTransition(nav)
    })
    

    希望这有帮助。如有疑问,请放心

    如果您发现解决方案有帮助,也请进行投票:)谢谢