react-native-svg doesn't work on android 11 and above

[PavithraPurushothaman-T2S]

<Svg
       height={100}
       width="100%"
       viewBox={`0 0 ${screenWidth} ${100}`}>
        <Path 
                  d={'M884,0v58H0V0h403.2c1.8,19.9,18.5,35.5,38.8,35.5c20.4,0,37.1-15.6,38.8-35.5H884z'} 
                  fill={'green} 
                  stroke={'green} />
</Svg>

Bug

I am using the above code to show a svg image with respect to device width which is working fine with iOS but in Android, it's not working in Android version 11 and above.

Something like this in the bottom of the screen

Environment info

    OS: macOS 11.6
    CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
    Memory: 111.32 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.16.1 - /usr/local/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 7.24.0 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.10.1 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 15.0, DriverKit 20.4, macOS 11.3, tvOS 15.0, watchOS 8.0
    Android SDK:
      API Levels: 23, 25, 27, 28, 29, 30
      Build Tools: 28.0.3, 29.0.2, 29.0.3
      System Images: android-27 | Google APIs Intel x86 Atom, android-28 | Google Play Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 2020.3 AI-203.7717.56.2031.7678000
    Xcode: 13.0/13A233 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_241 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1 
    react-native: 0.63.4 => 0.63.4 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found ```

Library version: v12.1.1

[staghouse]

Confirming Android 11 is not rendering SVG's but does on iOS - I am using SvgUri.

[juvenile-spec]

How can I solve this problem.

[bohdanprog]

Hello @PavithraPurushothaman-T2S,
If you still have that problem, share a simple example of how to reproduce that issue.
Thank you