2017-10-07 59 views
2

有没有一种方法可以通过react-navigation中的navigate()函数实现从左到右的动画?从左到右的窗口动画与反应导航?

在此先感谢。

+0

是的,我认为这是可能的。结帐这个https://reactnavigation.org/docs/views/transitioner –

+0

我检查出来,但它真的很混乱。我的导航功能是这样的:

回答

0

当您定义您的屏幕时,您可以使用transitionConfig选项。

const Stack = StackNavigator(
    { 
    SomeScreen: { screen: ... }, 
    }, 
    { 
    transitionConfig: customAnimationFunc, 
    } 
); 
... 

import CardStackStyleInterpolator from 'react-navigation/src/views/CardStack/CardStackStyleInterpolator'; 

const customAnimationFunc =() => ({ 
    screenInterpolator: sceneProps => { 
    return CardStackStyleInterpolator.forVertical(sceneProps); 
    }, 
}); 

应该做的工作。你当然可以定义你自己的动画,或者返回null来禁用它;检查来源。

+0

那么在实现所有这些bro后,我应该如何安排我的导航功能? – burakkesepara

+0

您将使用导航功能而不进行任何调整,动画将被照顾 – vonovak

+0

有没有一种方法可以将此实现为只有一个屏幕? – burakkesepara