[Animated] Interpolation between hex-encoded colors is unsupported

[ide]

Ex: setting the output range to ['#fff', '#2966fb'].

[brentvatne]

Yeah it looks like just rgba is supported right now, this would be nice to have though

[brentvatne]

d3-interpolate combined with d3-color accomplishes this nicely, perhaps we should just pull d3-color in as a dependency?

[nicklockwood]

cc: @vjeux

[vjeux]

The way string interpolation is implemented right now is by looking for consecutive numbers and interpolating those. Super dumb but works okay. Would be nice to have a proper color parser :) Wanna send a pull request?

[brentvatne]

@vjeux - are you OK with depending on d3-color? Should be easy if so

[vjeux]

i'd rather not. We already have color extraction in obj-c, java and this would add another way to interpret colors in js.

What would be nice is to move color normalization in js this way we can share the logic.

In the meantime, can you just add special support for #xxx and #xxxxxx?

[nicklockwood]

Maybe we could add a Color proptype instead of using strings for colors in js? then we could move all string->color conversion to the front-end, and send colors over the bridge as an array of numbers.

[nicklockwood]

To be clear, I'm not suggesting we'd stop using hex strings in the JS apps - just pre-convert them to an array before sending over bridge.

[aleclarson]

👍 How important is this to you guys? Will support be added soon?

[ide]

Support will be added probably when someone contributes a PR.

[aleclarson]

Do you guys not use React Native for animations? Or just using RGBA values?

[ide]

I think all the Facebook examples have used RGBA values.

[ide]

Color processing is now in JS so this should be easier to add (or maybe just works? haven't checked).

[dralletje]

This one is fixed now? ^^ #3177