Image size not working on web

[mathis-kdio]

Description

The "size" property doesn't seem to work on the web with expo

CodeSandbox/Snack link

No response

Steps to reproduce

1. Go to '...'
2. Click on '...'
3. Scroll down to '...'
4. See error

gluestack-ui Version

1.0.19

Platform

• Expo
• React Native CLI
• Next
• Web
• Android
• iOS

Other Platform

No response

Additional Information

  <VStack alignItems='center'>
    <Image
      size='xl'
      alt="Logo de l'application"
      source={require('@assets/icon.png')}/>
  </VStack>

[makkarMeenu]

Thanks for reporting, we will have a look!

[makkarMeenu]

@mathis-kdio I couldn't reproduce this in expo application. Can you please provide me an expo repository with error producible code?

[mathis-kdio]

here an example. If you change xl to sm, the image doesn't change size on the web, but it does on Android.

[makkarMeenu]

@mathis-kdio Can you try creating an expo application. For some reason, it is not working on expo-snack. We will anyway make it working on expo-snack as well.

[jayala]

Is it possible that this is caused by the GlueStack using React Native's Image component instead of Expo's Image? https://github.com/gluestack/gluestack-ui/blob/main/packages/themed/src/components/Image/styled-components/Root.tsx#L1

[surajahmed]

This issue is fixed in @gluestack-ui/config version 1.0.12. Please update it to the latest and try again.
Feel free to reopen if this issue persists.