React Native Expo引入Apple官方Add to Wallet SVG报错求助
Expo React Native 适配Apple官方「Add to Apple Wallet」SVG的报错解决
问题重现
使用Apple官方提供的「Add to Apple Wallet」SVG(US-UK_Add_to_Apple_Wallet_RGB_101421.svg)在Expo React Native项目中构建或运行时,执行npx expo run:ios、构建Android/iOS版本都会触发以下错误:
error: assets/wallet/addToAppleWalletSVG.svg: Cannot set properties of undefined (setting 'shouldTestNextSiblings')
尝试过修改metro.config.js(但其他SVG可正常使用,无全局配置问题)、使用SVG优化工具(不符合Apple资产使用规范,放弃);移除SVG内的<style>标签能修复报错,但会彻底破坏官方定义的样式,不可行。
核心原因
Apple官方SVG的<style>标签中包含Metro默认SVG处理器无法解析的复杂CSS选择器(比如svg:not(:root)这类伪类组合),导致解析时抛出异常。
解决方案
方案1:修改SVG内的
相关产品推荐
相关产品推荐

