`patternTransform` does not render properly on iOS

Bug

<Pattern> with patternTransform property does not render properly on iOS.

Repro

https://snack.expo.io/YEddb4zti

Running it on Android and iOS produce different results.

Workaround

I didn’t read the code thoroughly, maybe we can pre-combine viewBox transform with patternTransform at the time we create the pattern object?

[v4dkou]

react-native-svg 12.3.0, issue persists on iOS with a bare React Native project (without Expo)

[outaTiME]

I am experiencing the same problem using Expo SDK41 with react-native-svg 12.1.0 on iOS. On Android and on the Web it works as expected, did anyone find a workaround?

Code:

<Svg
  style={StyleSheet.absoluteFillObject}
  width="100%"
  height="100%"
>
  <Defs>
    <Pattern
      id="textstripe"
      patternUnits="userSpaceOnUse"
      width="225"
      height="100"
      patternTransform="rotate(-45)"
    >
      <SvgText
        y="30"
        // https://github.com/expo/expo/issues/1959#issuecomment-780198250
        fontFamily={processFontFamily(
          Settings.getFontObject().fontFamily
        )}
        // same as fonts.title
        fontSize="20"
        opacity="0.1"
        fill={Settings.getGrayColor(theme)}
      >
        {Settings.APP_COPYRIGHT}
      </SvgText>
    </Pattern>
  </Defs>
  <Rect width="100%" height="100%" fill="url(#textstripe)" />
</Svg>

Android:

Web:

iOS (cut and misplaced pattern):