React Native - Why we use the tintColor property for Image component?

android ios reactjs react-native tintcolor
Purple Bytes picture Purple Bytes · Dec 3, 2018 · Viewed 20.4k times · Source

When i use tintColor property it fills the whole image to the color i specified to the tintColor property. Is i am using it wrong or its job is the same what i get? Can anyone tell for what purpose this property is used for <Image/> component and what is the proper use of this property? A little example will be more appreciated. Thanks !!!

Reference link

Answer

Dan picture Dan · Dec 3, 2018

As per the documentation, tintColor changes the color of all the non-transparent pixels to the tintColor (taken word for word).

So for example, in one of my React Native packages, I use have an increment asset - https://github.com/hannigand/react-native-ui-stepper/blob/master/assets/increment.png - which has a blue + sign. Using tintColor, another User can recolour the blue (non-transparent pixel) to any colour they desire.

Related questions

React Native multi line TextInput, text is centered

So when using, text input with multiline=true, I have this issue where the text is vertically centered instead of being pushed to the top. This issue happens on both ios and android, except android has another issue where, when …

Read More
How do I open react-native's dev menu on real device

I have seen already a number of border cases and strange developer interface. From the "shake your device", which is really impractical, specially with a tablet To working around Android studio to simulate a button press. Is there a consistent …

Read More
how can i make image editor in react native?

i'm making a image editor application using react native. just adding function of and a shape like circle or square. _handleAddCircle() { let circle = { left: 20, top: 84 }; let circles = this.state.circles; circles.push(circle); this.setState({ circles: circles }); }, render: function() { let …

Read More