[ios][issue] tintColor on image component does not work on ios

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes

Environment

OS: macOS Sierra 10.12.6 Node: 7.4.0 Yarn: Not Found npm: 5.5.1 Watchman: Not Found Xcode: N/A Android Studio: Not Found

Packages: (wanted => installed) react: ^16.0.0 => 16.0.0 react-native: ^0.51.0 => 0.51.0

Steps to Reproduce

1.Create a page with an image component in it. 2.Add a tintColor prop to the image component with any color valid color value in it 3.View the image on your screen

Expected Behavior

I though the rendered image would change to the tintColor set on the image component.

Actual Behavior

The image renders but the color has not been changed. On android the color is changed as expected just not on ios.

Reproducible Demo

https://snack.expo.io/r1o2j0wZM

[Sommerfeld]

In the docs tintColor is listed under style. This works on both platforms. Actually you might should call it a bug that your code is working on android.

Just change your code to

<Image
  style={{width: 50, height: 50, tintColor: 'red'}}
  source={{uri: 'https://facebook.github.io/react-native/docs/assets/favicon.png'}}
/>

Edit:

Actually on Android style attributes are passed as props to the native image component. Which might lead to similar issues but I do not know if this is necessary for some reason.

https://github.com/facebook/react-native/blob/e76abfa036ff7ba2b9b309737cbc3d5a0ae9394b/Libraries/Image/Image.android.js#L293-L299

[rikur]

Still an issue.