React Native Vector Icons在iOS显示方块问号问题求助

一、解决Xcode Copy Bundle Resources隐式依赖错误 #

• 打开Xcode，选中项目主target，进入Build Phases -> Copy Bundle Resources
• 右键点击列表区域，选择Add Files to "项目名"，定位到iOS目录下的fonts文件夹，勾选Copy items if needed，同时确保Add to targets仅选中主项目target（不要勾选Pods相关target）。若之前添加过重复字体文件，先删除再重新添加。

二、验证字体是否成功导入 #

• 运行以下代码打印设备可用字体列表，确认Entypo字体是否存在：

import { Platform } from 'react-native';
import { FontManager } from 'react-native-vector-icons';

const checkAvailableFonts = async () => {
  if (Platform.OS === 'ios') {
    const fonts = await FontManager.getAvailableFonts();
    console.log('可用字体列表:', fonts);
  }
};
checkAvailableFonts();

• 若控制台未出现Entypo或Entypo-Regular，需检查：
  1. info.plist中配置的字体文件名是否与实际字体文件完全一致（比如文件是Entypo.ttf，配置项就必须写Entypo.ttf）
  2. Copy Bundle Resources中是否确实包含该字体文件

三、检查组件使用正确性 #

• 确保导入和使用的是正确的Entypo组件：

import Entypo from 'react-native-vector-icons/Entypo';

// 示例使用
<Entypo name="heart" size={24} color="red" />

• 注意name属性必须是Entypo库中存在的图标名称，拼写错误会直接显示方块占位符。

四、额外排查步骤 #

• 清理Xcode缓存：点击Product -> Clean Build Folder（快捷键Cmd+Shift+K），重新编译项目
• 进入iOS目录执行pod install，确保CocoaPods依赖正确安装
• 确认react-native-vector-icons版本与当前RN版本兼容（RN 0.70+建议使用最新版图标库）

内容的提问来源于stack exchange，提问作者fakename