React Native Vector Icons 字体验证问题解析与解决方案

问题背景

React Native Vector Icons 是一个广泛使用的图标库，它为React Native应用提供了丰富的矢量图标集。近期，许多开发者在向TestFlight提交包含该库的应用时遇到了自动审核拒绝问题，错误信息显示为"ITMS-90853: Invalid font"，具体指向FontAwesome6Free-Solid字体文件的'glyf'表指令问题。

技术分析

这个问题的根源在于iOS 18系统引入的新字体菜单功能对字体文件的验证变得更加严格。FontAwesome6_Solid.ttf文件中包含的'glyf'表（字形轮廓数据表）指令不符合苹果最新的验证标准。

'glyf'表是TrueType字体中的核心表之一，它包含了每个字符的实际轮廓数据。当系统加载字体时，会解析这些指令来渲染字符。苹果的字体验证器现在对这类指令的执行有更严格的安全性和完整性检查。

影响范围

此问题影响所有使用react-native-vector-icons 10.1.0版本的项目，特别是那些：

1. 直接或间接依赖FontAwesome6图标的项目
2. 准备提交到App Store或TestFlight进行审核的项目
3. 目标iOS版本为iOS 18及以上的项目

解决方案

官方修复方案

项目维护者已在10.2.0版本中修复了此问题，推荐开发者升级到最新版本：

yarn upgrade react-native-vector-icons@10.2.0
# 或
npm install react-native-vector-icons@10.2.0

临时解决方案

对于暂时无法升级的项目，可以采用以下临时方案：

1. 移除未使用的字体文件（如果不使用FontAwesome6）

# 在Podfile的post_install钩子中添加
resources_script_path = "#{Pod::Config.instance.installation_root}/Pods/Target Support Files/Pods-YourAppName/Pods-YourAppName-resources.sh"
if File.exist?(resources_script_path)
  resources_content = File.read(resources_script_path)
  updated_content = resources_content.lines.reject { |line| line.include?('Fonts/FontAwesome6_') }.join
  File.open(resources_script_path, "w") { |file| file.puts updated_content }
end

2. 使用patch-package修复

# 删除有问题的字体文件
rm node_modules/react-native-vector-icons/Fonts/FontAwesome6_*.ttf
# 创建补丁
yarn patch-package react-native-vector-icons

3. 替换字体文件 对于依赖FontAwesome6的项目，可以手动替换有问题的字体文件，然后使用postinstall脚本确保文件被正确替换。

最佳实践建议

1. 定期更新依赖：保持第三方库为最新版本，避免已知问题
2. 按需引入：在项目配置中只包含实际使用的图标集，减少包体积和潜在问题
3. 预发布测试：在内部测试阶段充分验证字体相关功能，特别是针对新iOS版本
4. 监控变更：关注苹果开发者文档中关于字体验证要求的更新

总结

字体验证问题虽然看似简单，但可能影响应用的上架流程。通过理解问题的技术本质，开发者可以更灵活地选择适合自己项目的解决方案。对于react-native-vector-icons用户，升级到10.2.0是最推荐的长期解决方案，而临时方案则适用于需要快速修复的紧急情况。