fix: avatar image issue

gluestack · Jun 7, 2024 · 1159d82 · 1159d82
1 parent abaabaf
commit 1159d82
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/example/storybook-nativewind/src/core-components/nativewind/avatar/index.tsx b/example/storybook-nativewind/src/core-components/nativewind/avatar/index.tsx
@@ -2,7 +2,7 @@
 import React from 'react';
 import { createAvatar } from '@gluestack-ui/avatar';
 
-import { View, Text, Image } from 'react-native';
+import { View, Text, Image, Platform } from 'react-native';
 
 import { tva } from '@gluestack-ui/nativewind-utils/tva';
 import {
@@ -166,6 +166,12 @@ export const AvatarImage = React.forwardRef(
         className={avatarImageStyle({
           class: className,
         })}
+        //@ts-ignore
+        style={
+          Platform.OS === 'web'
+            ? { height: 'revert-layer', width: 'revert-layer' }
+            : undefined
+        }
       />
     );
   }