Преобразование анимации XY не работает с затуханием в анимации

Question

Я пытаюсь создать анимированный вид, с эффектом затухания, работающим так, как ожидается Я пытаюсь добавить анимацию перевода. Но это не работает и не дает никаких ошибок. Ниже приведен мой код:

const FadeIn = ({children, delay = 0, duration = 500, type = ''}) => {
    const opacityValue = new Animated.Value(0);
    let positionLeftValue = new Animated.ValueXY({x: -100, y: 0});
    let transformStyle;
    let animations = [
        Animated.timing(
            opacityValue,
            {
                toValue: 1,
                delay: delay,
                duration: duration,
                useNativeDriver: true,
            },
        ),
    ];
    switch (type) {

        case 'fromLeft':
            transformStyle = positionLeftValue.getTranslateTransform();
            animations.push(
                Animated.spring(
                    positionLeftValue,
                    {
                        toValue: {x: 0, y: 0},
                        delay: delay,
                        duration: duration,
                        useNativeDriver: true,
                    },
                ));
    }
    useEffect(() => {
        Animated.parallel(
            animations,
        ).start();
    }, []);

    return (
        <Animated.View
            style={[
                {
                opacity: opacityValue,
                borderRadius: 14,
            },
                transformStyle
            ]}
        >
            {children}
        </Animated.View>
    );
};

Пожалуйста, помогите мне определить причину этой проблемы.