[Android] [Image] tintColor is broken

[cosmith]

Setting tintColor on Android has no effect.

iOS:

Android:

Sample app: https://rnplay.org/apps/oA7vIg

[ide]

Can you give it border radius of 1 or some small value?

cc @kmagiera This might be a known problem. Is it easy to fix?

[cosmith]

It works with a border radius of 1, thanks for the workaround 👍

[isair]

@ide I've found that if the Image component has resizeMode="contain", having borderRadius: 1 in style doesn't fix it. Haven't tested with other resizeMode values.

[LightningK0ala]

Seems that the fix also doesn't work if the Image component is wrapping any children component.

[ide]

I bet this could end up being easy to fix because tintColor is already implemented -- it just doesn't activate in certain cases. If there's a performance reason (the tint color code path is slower) then we could apply the tint color only when tintColor is set. I'm going to mark this as Help Wanted.

[msathis]

This seems to be working in latest master. But shows wrong warning
Failed propType: Invariant Violation: Invalid props.style key tintColorsupplied toImage.

[ahanriat]

Yes it looks like it doesn't have the correct style props like on iOS

[scruff311]

This an old thread, but I find it still does not work on Android sometimes. I've tried adding borderRadius: 1 and removing the resizeMode="contain" but still nothing.

Is it size dependent by chance? I have one component with larger (60x60) images where it works, but another component with smaller images (14x14) where it doesn't.

I'm using React Native 49.5.

[jpmazza]

HI! I'm having the same issue here. Any updates?

I'm using ReactNative 0.51.0