React Native SVG 15.11.0版本发布：支持React Native 0.77及新架构优化

React Native SVG是一个用于在React Native应用中渲染SVG图形的流行库。它允许开发者使用标准的SVG元素和属性来创建矢量图形，这些图形可以在不同尺寸的屏幕上保持清晰。该库支持Android、iOS和Web平台，是React Native生态系统中处理矢量图形的重要工具。

版本亮点

最新发布的15.11.0版本主要围绕对React Native 0.77版本的支持进行了多项改进和优化。这个版本特别关注了新架构下的性能提升和功能完善。

核心改进

新架构下的布局优化

在新架构中，onLayout事件现在只会触发一次，并且会提供准确的尺寸信息。这一改进解决了之前版本中可能出现的多次触发和尺寸不准确的问题，对于依赖精确布局测量的应用场景尤为重要。

颜色处理改进

修复了currentColor属性的两个重要问题：

1. 修复了颜色值溢出的问题，确保颜色值在有效范围内
2. 解决了颜色值陈旧的问题，现在能正确反映当前颜色状态

代码生成器增强

新增了iOS组件提供者的代码生成支持，这简化了在新架构下集成SVG组件的过程，提高了开发效率。

平台特定优化

Android改进

• 移除了AndroidManifest.xml中不必要的包声明
• 重构了FeCompositeView.java中的switch语句，使用更传统的风格

iOS/macOS优化

• 从podspec中移除了不必要的*.metal文件
• 在React Native 0.77+版本上使用yoga::StyleLength替代yoga::value
• 改进了Fabric架构下的macOS示例CI流程

开发者体验提升

• 允许在ID包装器中使用单引号，提高了SVG标记的灵活性
• 更新了ESLint配置后的注释，保持代码风格一致
• 修复了CMake标志问题，改善了构建体验
• 更新了测试示例到React Native 0.77.0-rc.6版本

测试与质量保证

• 修复了端到端测试问题
• 更新了旧架构的生成规范，确保在0.77版本上正常工作

总结

React Native SVG 15.11.0版本为开发者带来了更好的React Native 0.77兼容性，特别是在新架构下的表现有了显著提升。颜色处理的改进和布局事件的优化使得SVG渲染更加可靠和精确。这些改进使得在React Native应用中使用矢量图形变得更加顺畅和高效。

对于正在使用或考虑使用React Native SVG的开发者来说，这个版本值得升级，特别是那些已经或计划迁移到React Native 0.77和新架构的项目。