We'll wrap the the Image component in an animated view having the same dimension as the image. The image opacity will be set to 0 on mounting while we animated the background of the animated view with a loop animation When the image is loaded, we'll stop the loop animation and set the image opacity to 1
import React, { useEffect, useState } from "react";
import Animated, {
interpolateColor,