question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[iOS 15] tintColor not applied to Image view on React Native 62.2

See original GitHub issue

Description

I have some code like this throughout my app:

<Image
  style={{width: 50, height: 50, tintColor: 'yellow'}}
  source={fabicon}
/>

This is working fine on Android and on iOS <15. However, the tintColor is not applied to any of my icons on iOS 15.

I am on React Native version 0.62.2.

Do I need to upgrade to the latest version to apply tint color to images on iOS 15 (and above)?

React Native version:

0.62.2

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:10
  • Comments:20

github_iconTop GitHub Comments

3reactions
hesselbomcommented, Sep 24, 2021

Upgraded to react-native version 0.65.1 but I still get the same issue in iOS 15. I got a similar issue in a separate SwiftUI project in iOS 15 (where I had to use SwiftUI native way of doing things with foregroundColor instead of hacking UIKit) so I’m guessing iOS 15 changed something with how colors are set.

2reactions
EndlezzCodingcommented, Sep 29, 2021

I noticed if I change the tintColor several times through set state, the color would eventually change. It seems that it does not work when setting the tintColor first time it renders.

Read more comments on GitHub >

github_iconTop Results From Across the Web

React Native: "tintColor" not working for Image on iOS 15
This is working fine on Android and on iOS <15. However, the tintColor is not applied to any of my icons on iOS...
Read more >
Hippo - React Native: "tintColor" not working for Image on iOS 15
I am on React Native version 0.62.2. Can anyone let me know how I can apply tint color to images on iOS 15...
Read more >
react-native | Yarn - Package Manager
React Native brings React's declarative UI framework to iOS and Android. With React Native, you use native UI controls and have full access...
Read more >
TextInput // React Native for Web - GitHub Pages
Text that appears in the form control when it has no value set. placeholderTextColor: ?string. Equivalent to defining ::placeholder { color } ...
Read more >
rnmapbox/Lobby - Gitter
@traoremp see https://github.com/react-native-mapbox-gl/maps/blob/master/docs/Annotations.md. Mahipal Singh ... On iOS I get a warning (not on android).
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found