2016-01-13 50 views
1

在Navigator中可以使用動畫過渡。但是我希望能夠在沒有動畫的情況下在路線之間進行翻轉,並且可以像使用選項卡一樣快速彈出。像1幀它是路線A和在下一幀它是路線B.Navigator - SceneConfig是否有可能有'沒有'過渡?

Navigator.SceneConfigs.FadeAndroid接近,但如果我只是簡單地加速動畫,它有這種不受歡迎的閃爍效果。

非動畫SceneConfig會是什麼樣子?

任何想法?謝謝!

回答

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, 
}) 

返回從NavigatorconfigureScene道具使用。