react-native-svg
react-native-svg copied to clipboard
SVG not fully rendered on iOS with latest versions
Description
Rendering in "react-native-svg": "15.6.0"
I made this SVG in Figma recently and tried using it in my app. I was on [email protected]
at the time. So I tried upgrading yesterday to 15.5.0 and to my surprise it worked on android but not iOS, so something was fixed in 15.3.0...15.5.0 that caused the SVG in the snack to start working on Android. It does still not work in iOS. It works on web. The issue is that the bottom right QR-icon is not rendered as shown on the attached image. The right hand render of the image is the expected state, the left hand shows how it renders previously on android.
I tried today before submitting this bug with version 15.6.0 and as you can see in the top screenshot it is still buggy.
Steps to reproduce
- Use
./components/Icon.jsx
from https://snack.expo.dev/@stefanwallin/react-native-svg-not-rendering-fully-on-ios with[email protected]
as in the snack. - STATUS: iOS :x: & Android :x: is not rendering the bottom QR-icon.
- Update
[email protected]
(expo go does not support> 15.2.0
yet) - STATUS: iOS :x: is not rendering the bottom QR-icon, but Android ✅ WORKS
Snack or a link to a repository
https://snack.expo.dev/@stefanwallin/react-native-svg-not-rendering-fully-on-ios
SVG version
15.6.0
React Native version
0.74.5
Platforms
Android, iOS
JavaScript runtime
Hermes
Workflow
React Native
Architecture
Fabric (New Architecture)
Build type
Debug app & dev bundle
Device
Real device
Device model
iPhone 13 mini
Acknowledgements
Yes