我在使用React Native时遇到了一个特殊的错误。在我的button.js
中,我正在执行
import Icon from "react-native-vector-icons/MaterialIcons";
const icon = (Icon name="menu size={20} color="green"/>);
render()
return(
{icon}
)
但我得到了错误
Unrecognized Font Family 'Material Icons'
然而,当我导入FontAwesome作为:
import Icon from "react-native-vector-icons/FontAwesome";
我没有错。
7条答案
按热度按时间knpiaxh11#
触发
loadFont()
方法后修复了相同问题xqkwcwgp2#
确保您已运行以下命令:
React Native链接React Native向量图标
kd3sttzy3#
添加这行下面到这ios/podfile文件然后运行
pod update
在ios/projectNameFolder/info.plist中,在标签之间添加下面的代码。如果您已经有了这个UIAppFonts数组,只需编辑字符串。请确保在node_modules〉react-native-vector-icons下有字体
清理缓存并重新启动应用程序。它应该工作。
2sbarzqh4#
您使用的库有一个关于此问题的特定部分,它指出(在版本2.0.3中):
voase2hg5#
如果你已经完成了上述所有步骤,但仍然得到同样的错误,你需要从Xcode中清理你的iOS项目,然后构建它。这将完全重置项目,并确保包含.ttf文件。
在Xcode中运行您的项目,现在应该可以工作了。
使用
react-native run-ios
时,你可能仍然会发现你的项目仍然无法正常工作。如果是这样,请打开Finder,导航到项目中的ios文件夹,删除整个build文件夹。然后关闭模拟器和包管理器终端,再次运行react-native run-ios
。这将需要几分钟的时间,因为它正在重建所有内容。但之后(希望如此)您的应用程序将正确运行。dxxyhpgq6#
运行并确认其工作正常
pkln4tw67#