我正试图使用expo在react本机应用程序上使用Ionicons,不幸的是,图标没有显示,并收到以下错误:
fontFamily"ionicons";不是系统字体,尚未通过font.loadAsync.加载
如果您打算使用系统字体,请确保键入的名称正确,并且设备操作系统支持该名称。
如果这是自定义字体,请确保使用font.loadAsync.加载它
我以以下方式使用Iocincons:
import { Ionicons } from '@expo/vector-icons';
....
<Ionicons name="arrow-back" size={24} color="black" />
此外,这是我的package.json文件:
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start": "expo start",
"android": "expo start --android",
"ios": "expo start --ios",
"web": "expo start --web",
"eject": "expo eject"
},
"dependencies": {
"@expo/vector-icons": "^12.0.4",
"@react-native-community/masked-view": "^0.1.10",
"axios": "^0.21.1",
"expo": "~40.0.0",
"expo-app-loading": "^1.0.1",
"expo-font": "^9.0.0",
"expo-status-bar": "~1.0.3",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
"react-native-gesture-handler": "^1.10.3",
"react-native-reanimated": "^2.0.1",
"react-native-screens": "^2.18.1",
"react-native-web": "~0.13.12",
"react-navigation": "^4.4.4",
"react-navigation-header-buttons": "^7.0.0",
"react-navigation-stack": "^2.10.4",
"react-redux": "^7.2.3",
"redux": "^4.0.5"
},
"devDependencies": {
"@babel/core": "^7.13.15"
},
"private": true
}
我已经尝试删除node_modules、package-lock.json并运行npm install,但它并没有解决问题。
任何想法都将不胜感激。
将expo更新到版本41解决了这个问题。