SvgXml compatibility with ReAnimated - [Help Needed]

[adkenyon]

Summary

Our app leverages in combination with babel-plugin-inline-import for our Iconography. The Issue we've run into is that we're not able to use Reanimated with the fill property in order to animated icon color changes.

I've gotten the solution to work on iOS but I'm having no luck on Android. It'd be awesome if someone with Android knowledge be able to chip in.

The iOS solution was fairly straightforward.

• Use React.forwardRef to expose the internal element from
• On 's setNativeProps function I split the props into two groups; those pertaining to the root element and those pertaining to the child element.

Test Plan

I tested the changes using our organizations app. I was successful on iOS while Android does not show the icon at all.

Compatibility

OS	Implemented
iOS	✅
Android	❌

Checklist

• I have tested this on a device and a simulator
• I added documentation in README.md
• I updated the typed files (typescript)
• I added a test for the API in the __tests__ folder