世博会矢量图标,字体未加载

时间:2019-08-14 22:52:13

标签: react-native expo react-native-vector-icons

自升级到Expo 34以来,出现与Expo / vector-icons有关的以下错误。

  

fontFamily“ FontAwesome”不是系统字体,并且尚未通过Font.loadAsync加载。

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

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

  •   

我尝试使用

手动将字体加载到App.js中

Font.loadAsync({FontAwesome: require("../node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome.ttf")})

但是没有效果。我已经将expo-font更新到最新版本,清除了node_modules和package-lock,并重建了项目。

有任何线索吗?

3 个答案:

答案 0 :(得分:1)

不是解决方案,而是一种解决方法,因为我遇到了同样的问题,无法找到解决方案。

尝试更改

import Font from 'expo-font';

import {Font} from 'expo';

编辑:看来我遇到的问题可能是fix,请尝试将其更新为expo@34.0.3和expo-font@6.0.1

答案 1 :(得分:1)

我将 expo-font 软件包更新为警告中显示的版本,并且对我有用。

答案 2 :(得分:0)

  • 删除您的package.json.lock
  • 删除您的.expo
  • 执行npm i
  • 运行您的应用

并从“ @ expo / vector-icon”中导入*作为FontAwesome;