fillOpacity not working with fill="currentColor"

[robrechtme]

Bug

Using fillOpacity in combination with fill="currentColor" does not work on iOS and Android. On web it shows expected behaviour.

<Svg width="56" height="56" viewBox="0 0 56 56" color="red">

  {/* ✅ Works: renders at 20% opacity */}
  <Rect x="25" y="25" width="20" height="20" rx="4" fill="red" fillOpacity="0.2" />

  {/* ❌ Expected: renders at 20% opacity; Actual: renders at full opacity */}
  <Rect width="20" height="20" rx="4" fill="currentColor" fillOpacity="0.2" />

  {/* ✅ Works: renders at zero opacity */}
  <Rect width="20" height="20" rx="4" fill="currentColor" fillOpacity="0" />
 </Svg>

Environment info

Expo 45 (RN 0.68.2), same on RN bare 0.68.2
Library version: 12.3.0

Short, Self Contained, Correct (Compilable), Example

https://snack.expo.dev/@robrechtme/bug-react-native-svg-currentcolor

[robrechtme]

Same for opacity and strokeOpacity, they have no effect on iOS and Android when combined with fill="currentColor"/stroke="currentColor"

[robrechtme]

Duplicate of #1345.