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.

Update color of SVG?

See original GitHub issue

Is it possible to change the color of an imported svg image based on state updates? This doesn’t work. The style is always primaryBlue even when the active value is true and the textSubdued should be applied.

<Home color={active ? primaryBlue : textSubdued} />;

Issue Analytics

State:
Created 4 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

3reactions

kristerkaricommented, Mar 12, 2020

@Sakarisson this library is using SVGR, so unfortunately we are limited to the replacement API that it offers. That means that currently you can have a fill color and replace it with another color at runtime.

If you have ideas of how to improve it, then I suggest that you open a new issue at SVGR’s repository: https://github.com/gregberge/svgr

1reaction

kristerkaricommented, Dec 10, 2019

@samridhgupta Yes, check the readme https://github.com/kristerkari/react-native-svg-transformer#changing-svg-fill-color-in-js-code