Change fill color as animation progresses

[jovanovski]

Is it possible to change the fill color as the animation progresses? Basically I want to start the fill with green, fade it to yellow half way and the fade it to red when it gets full.

So no gradient, changing the whole fill of the circle, but based on the current value of the animation

[RobertFOConnor]

Not supported by this library unfortunately. You could try react-native-progress-wheel, which supports this feature.

[Monir-Shembesh]

hi @jovanovski , I have faced the same issue as you did and the second tint color that was already added by @talhaazhar only helps if you want to go directly from 0 to 100 and the user wouldn't really care about the values in between. I have just created a new pull request that adds a third color to enhance the UI. For me, I needed green, yellow and red colors to show the user where is their credit card limit so far. Green means still at the beginning, Yellow means mid-way, Red means that they reached the limit. I hope this helps.