fontFamily FontAwesome 不是系统字体,还没有通过 Font.loadAsync 加载

时间:2021-03-04 23:17:57

标签: react-native expo vector-icons

之前一切正常,但图标不显示为带有 X 的框,我收到此错误:

fontFamily "FontAwesome" is not a system font and has not been loaded through Font.loadAsync.

- If you intended to use a system font, make sure you typed the name correctly and that it is supported by your device operating system.

- If this is a custom font, be sure to load it with Font.loadAsync.

package.json

"dependencies": {
"@expo/ngrok": "^2.4.3",
"@expo/vector-icons": "^12.0.3",
"@react-native-community/cli": "^4.14.0",
"@react-native-community/datetimepicker": "^3.0.9",
"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/bottom-tabs": "^5.11.3",
"expo": "^40.0.1",
"expo-cli": "4.2.1",
"expo-font": "^9.0.0",
"expo-status-bar": "~1.0.3",
"firebase": "^8.2.9",
"moment": "^2.29.1",
"ngrok": "^3.4.0",
"npm": "^7.5.4",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "0.63.4",
"react-native-check-box": "^2.1.7",
"react-native-elements": "^3.1.0",
"react-native-gesture-handler": "^1.10.0",
"react-native-paper": "^4.7.1",
"react-native-reanimated": "^1.13.2",
"react-native-safe-area-context": "^3.1.9",
"react-native-screens": "^2.17.1",
"react-native-unimodules": "^0.12.0",
"react-native-vector-icons": "^8.1.0",
"react-native-web": "~0.13.12",
"react-navigation": "^4.4.3",
"react-navigation-stack": "^2.10.2",
"react-navigation-tabs": "^2.10.1"
},

请帮忙!这个错误让我发疯!

1 个答案:

答案 0 :(得分:0)

我认为您应该从 Font.loadAsync 中删除 FontAwesome5,因为它不是 fontFamily。 FontAwesome5 是一个用于渲染应用图标的包,而不是字体样式。