react-native-svg icon indicating copy to clipboard operation
react-native-svg copied to clipboard

SVG not fully rendered on iOS with latest versions

Open StefanWallin opened this issue 6 months ago • 12 comments

Description

Rendering in "react-native-svg": "15.6.0" iOS and Android sim/emu showing SVG rendering

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

  1. 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.
  2. STATUS: iOS :x: & Android :x: is not rendering the bottom QR-icon.
  3. Update [email protected] (expo go does not support > 15.2.0 yet)
  4. 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

StefanWallin avatar Aug 22 '24 09:08 StefanWallin