gluestack-ui icon indicating copy to clipboard operation
gluestack-ui copied to clipboard

tintColor prop on image doesn't accept tokens

Open lhguerra opened this issue 11 months ago • 4 comments

Description

When i set a tint color with a color token I get invalid value error

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.1.17

Platform

  • [X] Expo
  • [ ] React Native CLI
  • [ ] Next
  • [ ] Web
  • [ ] Android
  • [ ] iOS

Other Platform

No response

Additional Information

ERROR Warning: Failed prop type: Invalid prop tintColor supplied to Image: $white.default Valid color formats are

  • '#f0f' (#rgb)

  • '#f0fc' (#rgba)

  • '#ff00ff' (#rrggbb)

  • '#ff00ff00' (#rrggbbaa)

  • 'rgb(255, 255, 255)'

  • 'rgba(255, 255, 255, 1.0)'

  • 'hsl(360, 100%, 100%)'

  • 'hsla(360, 100%, 100%, 1.0)'

  • 'transparent'

  • 'red'

  • 0xff00ff00 (0xrrggbbaa)

    at BaseImage (http://192.168.15.3:8081/node_modules/expo/AppEntry.bundle//&platform=android&dev=true&hot=false&lazy=true:77578:70) in StyledComponent (created by Image)

lhguerra avatar Mar 19 '24 20:03 lhguerra