prscX / react-native-tooltips

React Native: Native Tooltip View
Apache License 2.0
271 stars 40 forks source link

Unknown color when parsing 3 character hex string #51

Open DRFR0ST opened 2 years ago

DRFR0ST commented 2 years ago

Hi there! I've arrived here to report an issue with colors passed to the RNTooltips component.

Context

I've tried to apply a hex color to tintColor and textColor. It worked very well for regular 6 character hex color like: #000000 and #FFFFFF. But in my case, I wanted to pass it the colors generated from my theme and one of them (provided to tintColor) was a 3 character hex color: #fff which then threw an error saying Unknown color.

Process

  1. Do the setup described in docs.
  2. Pass tintColor a 3 character hex string (eg. #fff).
  3. It should throw error on mount.

Expected result

It should parse the 3 character hex string same as the 6 character hex.

Current result

Not being able to pass a 3 character hex string.

Possible Fix

Maybe this article will be helpful.


I might not find time to make a pull request but I would be happy to help, if you need any.

PS. Since I'm already here, a feature request: Please make the package TypeScript compatible, it was a thing that annoyed me a little. 😃