gluestack
gluestackColor mixing and Gluestack
onehat1 posted this in #support
onehat1OP
Hello. I've been using NativeBase for a number of years, and am trying to migrate existing components to Gluestack.
In a grid component built with NB, when the user hovers over a row (HStack), there's a "hover" color that gets mixed with the color of the HStack. I use @k-renwick/colour-mixer for this color mixing, which takes an rgb color as its input (e.g. #f5b).
In Gluestack, how can I tell what the current color of an HStack is? Previously, it had a "bg" prop that was an rgb color. Now, it looks like it's be a Tailwind CSS className prop like "bg-pink-300". How can I derive the rgb color from the className within a component?
In a grid component built with NB, when the user hovers over a row (HStack), there's a "hover" color that gets mixed with the color of the HStack. I use @k-renwick/colour-mixer for this color mixing, which takes an rgb color as its input (e.g. #f5b).
In Gluestack, how can I tell what the current color of an HStack is? Previously, it had a "bg" prop that was an rgb color. Now, it looks like it's be a Tailwind CSS className prop like "bg-pink-300". How can I derive the rgb color from the className within a component?