feat: make wallpaper grid seamless
This commit is contained in:
@@ -63,30 +63,18 @@ export default function HomeScreen() {
|
|||||||
</Text>
|
</Text>
|
||||||
)}
|
)}
|
||||||
renderItem={({ item }) => (
|
renderItem={({ item }) => (
|
||||||
<View className="w-full p-2">
|
<View className="w-full relative overflow-hidden">
|
||||||
<View className="w-full relative rounded overflow-hidden">
|
<TouchableOpacity
|
||||||
<TouchableOpacity
|
onPress={() => {
|
||||||
onPress={() => {
|
setSelectedWallpaper(item);
|
||||||
setSelectedWallpaper(item);
|
router.push("/wallpaper");
|
||||||
router.push("/wallpaper");
|
}}
|
||||||
}}
|
>
|
||||||
>
|
<Image
|
||||||
<Image
|
className="w-full h-60"
|
||||||
className="w-full h-60"
|
source={{ uri: item.thumbnail_url }}
|
||||||
source={{ uri: item.thumbnail_url }}
|
/>
|
||||||
/>
|
</TouchableOpacity>
|
||||||
</TouchableOpacity>
|
|
||||||
<View
|
|
||||||
className="w-full absolute bottom-0 left-0 right-0 p-2"
|
|
||||||
style={{
|
|
||||||
backgroundColor: "rgba(0, 0, 0, 0.8)",
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<Text className="text-white opacity-80">
|
|
||||||
{item.display_name}
|
|
||||||
</Text>
|
|
||||||
</View>
|
|
||||||
</View>
|
|
||||||
</View>
|
</View>
|
||||||
)}
|
)}
|
||||||
estimatedItemSize={200}
|
estimatedItemSize={200}
|
||||||
|
Reference in New Issue
Block a user