导航器 - SceneConfig是否可能没有'过渡?

时间:2016-01-13 12:33:11

标签: react-native

能够使用动画过渡在Navigator中非常棒。但我希望能够在没有动画的情况下在路线之间切换,只需将它快速弹出,就像使用Tab Bar一样。像1帧一样,它是路线A,在下一帧中是它的路线B.

Navigator.SceneConfigs.FadeAndroid接近,但如果我只是加速动画,它就会产生这种不良的闪烁效应。

非动画的SceneConfig会是什么样的?

有什么想法吗?谢谢!

1 个答案:

答案 0 :(得分:0)

这是一个自定义NoTransition.js:

import { Navigator } from 'react-native'
import buildStyleInterpolator from 'buildStyleInterpolator' // eslint-disable-line import/no-extraneous-dependencies

// Based on https://github.com/facebook/react-native/issues/1953#issuecomment-209872368

const NoTransition = {
  opacity: {
    type: 'constant',
    value: 1.0,
  },
}

export default Object.assign({}, Navigator.SceneConfigs.FadeAndroid, {
  animationInterpolators: {
    into: buildStyleInterpolator(NoTransition),
    out: buildStyleInterpolator(NoTransition),
  },
  defaultTransitionVelocity: 1000,
  gestures: null,
})

将其从Navigator的{​​{1}}道具返回使用。