我在react native中遇到以下错误- fontFamily“ionicons”不是系统字体,并且未通过Font. loadAsync加载。
- 如果要使用系统字体,请确保键入的名称正确,并且设备操作系统支持该字体。
我正在尝试导入博览会矢量图标。
import { Ionicons } from '@expo/vector-icons';
并使用图标
<Button transparent>
<Ionicons name="md-checkmark-circle" size={32} color="green" />
</Button>
但得到上述误差。
8条答案
按热度按时间d4so4syb1#
另一个可能的解决方案是我在几个小时的代码后偶然发现的,它与示例和前面的优秀答案相同。
如果你一直在升级世博会,这可能是你的答案。
1.删除节点模块
1.删除包-lock.json
1.运行
expo install
1.运行
expo start -c
zpqajqem2#
如果nuking
node_modules
不起作用,那么请确保您没有安装多个版本的expo-font
。1.从
node_modules/expo/node_modules/expo-font/
中删除expo-font
。1.从
node_modules/expo/package.json
的依赖项列表中删除expo-font
。1.运行
expo r -c
有关详细信息,由于安装了多个版本的
expo-font
,Expo无法加载字体。kmpatx3s3#
库
@expo/vector-icons
仅默认安装在通过expo init --
的模板项目上,它是expo包的一部分。如果使用
react-native init
创建项目,请改用react-native-vector-icons
尝试在
App.js
中使用Font.loadAsync
加载离子图标kxkpmulp4#
在
loadAsync
中添加Iconicons
为我解决了这个bug。kgsdhlau5#
我通过删除代码中的
<Icon\>
标记解决了这个问题。在只为图标留下
<Ionicons\>
标签后,我得到了保存。gstyhher6#
我已经通过
expo upgrade
修复了这个问题,以防其他人看到。nwnhqdif7#
1.从
package.json
中删除expo-font
。1.删除
node_modules
和package.lock.json
。1.运行
npm install
或yarn install
1.运行
npm start
或yarn start
。rvpgvaaj8#
这些建议对我都不起作用,我找到了ionicons.ttf文件here,下载并复制到我的字体文件夹中,然后这样链接:
希望这能帮到什么人。