React Native ART SVG 15.11.0版本发布：支持React Native 0.77及布局优化

React Native ART SVG是一个用于在React Native应用中渲染SVG图形的开源库，它基于React Native的ART模块构建，提供了对SVG标准的完整支持。该库允许开发者在移动应用中高效地展示矢量图形，同时保持图形的清晰度和可伸缩性。

版本亮点

最新发布的15.11.0版本主要围绕React Native 0.77的兼容性进行了优化，并解决了新架构下的一些关键问题：

1. 新架构布局改进：在新架构下，onLayout事件现在只会触发一次，并且能够提供准确的尺寸信息，这解决了之前可能出现的多次触发和尺寸不准确的问题。

2. 颜色处理优化：修复了currentColor属性的溢出问题，确保颜色值能够正确传递和应用。

3. 代码生成增强：新增了iOS组件提供器的代码生成支持，简化了iOS平台的集成过程。

4. 自定义阴影节点：引入了自定义阴影节点的功能，为开发者提供了更多的渲染控制选项。

技术细节

布局系统改进

在新版本中，团队针对React Native 0.77的Yoga布局引擎进行了适配，使用了yoga::StyleLength替代了之前的yoga::value实现。这一改变使得布局计算更加精确，特别是在处理SVG元素的尺寸和位置时。

颜色系统修复

修复了两个与currentColor相关的问题：

• 解决了颜色值溢出的问题，确保颜色值在传递过程中不会丢失精度
• 修复了颜色值可能出现的陈旧值问题，保证颜色能够及时更新

构建系统优化

• 移除了AndroidManifest.xml中不必要的包声明
• 优化了CMake构建标志，提高了跨平台构建的兼容性
• 从podspec中移除了不必要的metal文件引用

开发者体验提升

1. ID引用支持：现在支持使用单引号包裹ID值，提高了SVG标记的灵活性。

2. 测试示例更新：测试示例项目已升级到React Native 0.77.0-rc.6版本，方便开发者参考最新实现。

3. 代码质量改进：重构了ESLint禁用注释，使其与最新配置保持一致，提高了代码可维护性。

总结

React Native ART SVG 15.11.0版本是一个以兼容性和稳定性为主的更新，特别针对React Native 0.77进行了优化。新版本解决了新架构下的关键布局问题，改进了颜色处理系统，并增强了开发者的使用体验。对于正在使用或计划使用SVG功能的React Native开发者来说，这个版本提供了更好的稳定性和性能表现。