自定义react navigation跳转动画

自定义react navigation跳转动画，实现上下左右跳转页面。

const StackOptions = ({navigation}) => {
    const gesturesEnabled = true;
    const headerStyle= {
        height:Platform.OS==='ios'?SCALE(100):SCALE(60),
            backgroundColor: Color.e35041,
            borderWidth:0,
    };
    const headerTitleStyle = {
        fontSize: FONT(17),
        color: 'white',
        alignSelf: 'center'
    };
    const headerTintColor= 'white';
    const headerLeft = (
        <TouchableOpacity activeOpacity={
  1} onPress={()=>{navigation.goBack(null)}}>
            <View style={
  {paddingLeft:SCALE(30)}}>
                <Icon name={
  'md-arrow-back'} size={
  25} color={
  'white'}/>
            </View>
        </TouchableOpacity>
    );
    const headerRight=(<View style={
  {paddingRight:SCALE(10)}}>
        <Icon name="md-home"</