iOS images inside FlashList

RecyclableImage.tsx

const RecyclableImage = (props) => {
  const imageUri = useRef(props.source.uri);
  const imageRef = useRef(null);
  if (props.source.uri && props.source.uri !== imageUri.current) {
    imageUri.current = props.source.uri;
    imageRef.current?.setNativeProps({ opacity: 0 });
  }
  return <Image {...props} ref={imageRef} onLoad={()=> { imageRef.current?.setNativeProps({ opacity: 1 }) }} />
}