fix: use expo-image to prevent image flickering

This commit is contained in:
2024-10-01 17:44:05 +01:00
parent 2b4b63a554
commit da77ae7cd6
3 changed files with 13 additions and 2 deletions

View File

@@ -1,6 +1,5 @@
import {
View,
Image,
Text,
TouchableOpacity,
ActivityIndicator,
@@ -8,6 +7,7 @@ import {
} from "react-native";
import { useEffect, useState } from "react";
import { Image } from "expo-image";
import { Ionicons } from "@expo/vector-icons";
import { type ImageAsset } from "@/cloudinary/cloudinary";
import { MasonryFlashList } from "@shopify/flash-list";
@@ -72,6 +72,7 @@ export default function HomeScreen() {
>
<Image
className="w-full h-60"
recyclingKey={item.thumbnail_url}
source={{ uri: item.thumbnail_url }}
/>
</TouchableOpacity>