Merge pull request #1637 from gluestack/fix/config-image

fix: image height width set to revert-layer
gluestack · Jan 15, 2024 · 25d99c6 · 25d99c6
2 parents fff9a33 + 9e29e11
commit 25d99c6
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/config/src/theme/Image.ts b/packages/config/src/theme/Image.ts
@@ -2,6 +2,15 @@ import { createStyle } from '@gluestack-style/react';
 
 export const Image = createStyle({
   maxWidth: '$full',
+  _web: {
+    props: {
+      // set property to revert-layer as RNW always set image height width inline
+      style: {
+        height: 'revert-layer',
+        width: 'revert-layer',
+      },
+    },
+  },
   variants: {
     size: {
       '2xs': {
@@ -44,6 +53,7 @@ export const Image = createStyle({
       },
     },
   },
+
   defaultProps: {
     size: 'md',
   },