從左到右的窗口動畫與反應導航？

Question

有沒有一種方法可以通過react-navigation中的navigate（）函數實現從左到右的動畫？

在此先感謝。

Answer 1

當您定義您的屏幕時，您可以使用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來禁用它;檢查來源。