currentcolor fill support

In the web browser, setting the fill of an SVG element (path, etc.) instructs the element to inherit its color from the parent of the SVG. Attempting this with a react-native-svg Svg.Path element currently results in the following warning: "currentcolor" is not a valid color or brush.

Could we add support for currentcolor fills? I have provided the example code and the stack trace below.

  <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    <Svg.G fill="none" fill-rule="evenodd">
      <Svg.Path d="M-4-4h24v24H-4z" />
      <Svg.Path
        fill="currentcolor"
        fill-rule="nonzero"
        d="M16 7H3.83l5.59-5.59L8 0 0 8l8 8 1.41-1.41L3.83 9H16z"
      />
    </Svg.G>
  </Svg>

[VincentCATILLON]

For those searching for a way to use react-native-svg (version 6.x and below) with SVG containing currentColor or inherit value in fill attribute.

Let’s take a look at this PR which replaces currentColor (or inherit) values by reference to props.color and so emulate the currentColor behaviour.

https://github.com/CoorpAcademy/components/pull/1436/files#diff-90ea253cb3ce7782845a01a0787e17c0R82

Enjoy 🙌

[dohomi]

I am running into this issue on newest expo and react-native. Is there a solution for

color={'currentcolor'}

without throwing a console warning?