反应天然路由器通量 - 模拟Android推动

Question

在React-Native-Router-flux中，是否有可能模拟标准的Android转换，而当将新屏幕添加到Navigator通过类型PUSH？我不是在谈论使用REPLACE或RESET的类型，因为这些或不允许您返回原始场景。我想要的行为是，新视图逐渐消失（我可以通过设置animation Prop来做到这一点，而Navbar只是用新动画替换为新动画 - 就像REPLACE和RESEST一样。但是，我无法弄清楚如何防止推送过渡的右左动画。

这是我的代码：

<Scene
    key="gray"
    component={GrayScreen}
    title="Gray"
    animation={(Platform.OS === 'ios') ? '' : 'fade'}
    hideBackImage={!(Platform.OS === 'ios')}
 />

Answer 1

您必须在屏幕上使用TransitionConfig

导入stackViewStyleInterPolator并使用它要您需要屏幕样式更改forhorizontal， 垂直 forfade frombottomandroid， forfade

import StackViewStyleInterpolator from 'react-navigation-stack/dist/views/StackView/StackViewStyleInterpolator';
<Scene 
   key="root"
   transitionConfig={() => ({ screenInterpolator: StackViewStyleInterpolator.forFadeFromBottomAndroid })}>