React native 根据原点对本机导航的不同动画作出反应
我正在努力让下面的内容发挥作用。 有3个屏幕: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
我想要一个不同的动画,当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)
})
希望这有帮助。如有疑问,请放心如果您发现解决方案有帮助,也请进行投票:)谢谢