Se agregó un gradiente al fondo animado

import { Animated, Image, View } from "react-native";

import { PlaceInfoEntity } from "../../domain/entities/place_info_entity";

import { useAnimatedSelectedIndex } from "../../hooks/useAnimatedSelectedIndex";

import { LinearGradient } from "expo-linear-gradient";

import { LIGHT_THEME } from "../constants/theme";

interface AnimatedBackgroundProps {

  imageUri?: string;

  backgroundImageAnimation: Animated.Value;

};

}

export const AnimatedBackground = ({ imageUri, backgroundImageAnimation }: AnimatedBackgroundProps) => {

export const AnimatedBackground = ({

  imageUri,

  backgroundImageAnimation,

}: AnimatedBackgroundProps) => {

  return (

    <Animated.View

      style={{

        opacity: backgroundImageAnimation.interpolate({

          inputRange: [-300, 0],

          outputRange: [0, 1],

        })

        }),

      }}

    >

      <Image

          }).start();

        }}

      />

      <View

        style={{

          position: "absolute",

          width: "100%",

          height: "100%",

          backgroundColor: "rgba(0, 0, 0, 0.4)",

        }}

      />

    </Animated.View>

  );

};