React Native 0.69.5中Icon组件仅显示X的问题排查与解决

问题场景 #

• React Native版本：0.69.5
• 异常表现：
  • 使用react-native-elements的Icon组件、react-native-vector-icons/FontAwesome的Icon组件时，仅显示X
  • CheckBox组件同样显示X，无正常样式

无效尝试 #

修改app/build.gradle手动链接react-native-vector-icons，问题未得到解决。

有效解决方案 #

1. 定位到项目中node_modules/react-native-vector-icons/Fonts目录
2. 将该目录下所有.ttf格式的字体文件，复制到Android项目的android/app/src/main/assets/fonts目录（若assets/fonts不存在，需手动创建这两级目录）
3. 重新编译运行项目，图标及CheckBox即可恢复正常显示。

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