Changing SVG fill color in JS Code -- need processColor() for IOS

Followed the steps under https://github.com/kristerkari/react-native-svg-transformer#changing-svg-fill-color-in-js-code.

Called my svg element like so: <Account width={100} height={100} color={'red'} />

Works fine in Android. SVG icon is red yay. Problem is in IOS I get this error: `JSON value of ‘red’ of type NSString cannot be converted to a UIColor. Did you forget to call processColor() on the JS side?

Changed to:

import {processColor} from 'react-native';
...
<Account width={100} height={100} color={processColor('red')} />

and then it worked in IOS, but causes issues in Android. Only way I can see to do it now is:

import {processColor, Platform} from 'react-native';
...
<Account width={100} height={100} color={Platform.OS === 'ios' ? processColor('red') : 'red'} />

Anyone experienced this or have a better idea of how to solve this? End of day tired and haven’t looked through this package source code to investigate further.

[kristerkari]

@mdalpozzo I could get it to work by calling the prop both in the config and the component fill instead of color. Can you try if that fixes it for you too?

[mdalpozzo]

thanks! thats the trick