Navigation 反应本机、导航实验动画
React本机导航实验是否支持从底部滑动、从左侧滑动、淡入淡出效果等?如果是,我们怎么做。请提供帮助。当您使用Navigation 反应本机、导航实验动画,navigation,react-native,Navigation,React Native,React本机导航实验是否支持从底部滑动、从左侧滑动、淡入淡出效果等?如果是,我们怎么做。请提供帮助。当您使用NavigationTransitioner的renderScene渲染场景时,您会得到道具对象,其中包含布局、位置、场景和进度。您可以将它们与自定义插值函数一起使用,以创建您喜欢的任何动画 此时,react native似乎只有从右到左的和从下到上的动画。您可以通过NavigationCardStackStyleInterpolator:用于水平和用于垂直 有关更多详细信息,请参阅 如
NavigationTransitioner
的renderScene
渲染场景时,您会得到道具
对象,其中包含布局
、位置
、场景
和进度
。您可以将它们与自定义插值函数一起使用,以创建您喜欢的任何动画
此时,react native似乎只有从右到左的和从下到上的动画。您可以通过NavigationCardStackStyleInterpolator
:用于水平和用于垂直
有关更多详细信息,请参阅
如果您的代码如下所示:
您可以定义NavigationCard
的style
属性,如:
<NavigationCard
{...props}
style={NavigationCardStackStyleInterpolator.forVertical(props)}
renderScene={this._renderScene}
key={props.scene.navigationState.key}
/>
这将改变从左到右到下到上的过渡。如果需要从左到右到上到下的动画,您可以编写自己的自定义插值器。您可以使用NavigationCardStackStyleInterpolator组件作为模板,并进行必要的更改。例如,请参见以下链接以实现从上到下的动画:
只需注意cardStyleInterpolator
属性到NavigationCardStack
。很快(RN 0.41及以上)就可以使用自定义动画,而无需重写卡堆栈