React native 无法在react本机应用程序中使用Ionicons

React native 无法在react本机应用程序中使用Ionicons,react-native,expo,ionicons,React Native,Expo,Ionicons,我正在尝试使用expo在react native app上使用Ionicons,不幸的是,图标未显示,收到以下错误: fontFamily“ionicons”不是系统字体,未通过font.loadAsync加载 如果要使用系统字体,请确保键入的名称正确,并且设备操作系统支持该名称 如果这是自定义字体,请确保使用font.loadAsync加载它 我使用Iocincons的方式如下: import { Ionicons } from '@expo/vector-icons'; ....

我正在尝试使用expo在react native app上使用Ionicons,不幸的是,图标未显示,收到以下错误:

fontFamily“ionicons”不是系统字体,未通过font.loadAsync加载

  • 如果要使用系统字体,请确保键入的名称正确,并且设备操作系统支持该名称

  • 如果这是自定义字体,请确保使用font.loadAsync加载它

我使用Iocincons的方式如下:

import { Ionicons }  from '@expo/vector-icons';

....

<Ionicons name="arrow-back" size={24} color="black" />
我已经尝试删除node_模块package-lock.json并运行npm安装,但没有解决问题


如果您有任何想法,我们将不胜感激。

将expo更新到41版解决了这个问题。

在您的代码中,您是否编写过类似这样的内容-
fontFamily:“ionicons”
?不,我在上面提供的示例中使用了ionicons@卡提克瓦伊什
{
  "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
}