fix: Use NitroWebImage directly

Author: mrousavy

example/src/NitroImageTab.tsx

@@ -1,16 +1,8 @@
-import React, { useMemo } from "react";
-import { FlatList, StyleSheet, Text, View } from "react-native";
-import { NitroImage, useWebImage } from "react-native-nitro-image";
+import { useMemo } from "react";
+import { FlatList, Text, View } from "react-native";
+import { NitroWebImage } from "react-native-nitro-image";
 import { createImageURLs } from "./createImageURLs";
 
-function AsyncImageImpl({ url }: { url: string }): React.ReactNode {
-    const image = useWebImage(url);
-    return (
-        <NitroImage style={styles.image} image={image} resizeMode="contain" />
-    );
-}
-const AsyncImage = React.memo(AsyncImageImpl);
-
 export function NitroImageTab() {
     const imageURLs = useMemo(() => createImageURLs(), []);
 
@@ -21,15 +13,10 @@ export function NitroImageTab() {
                 numColumns={4}
                 windowSize={3}
                 data={imageURLs}
-                renderItem={({ item: url }) => <AsyncImage url={url} />}
+                renderItem={({ item: url }) => (
+                    <NitroWebImage url={url} resizeMode="cover" />
+                )}
             />
         </View>
     );
 }
-
-const styles = StyleSheet.create({
-    image: {
-        width: "25%",
-        aspectRatio: 1,
-    },
-});