尝试给我的图像旋转木马一个淡入淡出动画，React-Native

npm install react-native-reanimated react-native-gesture-handler

import React, { useRef } from 'react';
import { View, Image, Animated } from 'react-native';

const Carousel = () => {
  const fadeAnim = useRef(new Animated.Value(0)).current;

  const fadeIn = () => {
    Animated.timing(fadeAnim, {
      toValue: 1,
      duration: 1000,
      useNativeDriver: true,
    }).start();
  };

  const fadeOut = () => {
    Animated.timing(fadeAnim, {
      toValue: 0,
      duration: 1000,
      useNativeDriver: true,
    }).start();
  };

  return (
    <View>
      <Animated.Image
        source={require('./image1.png')}
        style={{ opacity: fadeAnim }}
        onLoad={fadeIn}
        onUnload={fadeOut}
      />
      <Animated.Image
        source={require('./image2.png')}
        style={{ opacity: fadeAnim }}
        onLoad={fadeIn}
        onUnload={fadeOut}
      />
      <Animated.Image
        source={require('./image3.png')}
        style={{ opacity: fadeAnim }}
        onLoad={fadeIn}
        onUnload={fadeOut}
      />
    </View>
  );
};

export default Carousel;