使用react-native-elements在Icon中包含FontAwesome时出错

时间:2018-01-10 02:36:57

标签: react-native expo

必须使用其他人开发且不再可用的应用程序。 React-Native和Expo相当新鲜。继续收到此错误:

fontFamily 'FontAwesome' is not a system font and has not been loaded through Expo.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 Expo.Font.loadAsync.

我用Google搜索并获得了一些关于人们遇到的问题以及他们如何解决问题的其他链接,例如

  • 从'expo'导入{Font}并通过componentDidMount
  • 异步加载它
  • 从'@ expo / vector-icons'包中导入{FontAwesome}
  • 尝试删除它的使用位置并刷新应用

以下是上一位开发人员返回的Icon的示例:

<Icon name="sign-in" color={'#FFFFFF'} type="font-awesome" />;

正在从react-native-elements

导入

import { Icon, Button } from 'react-native-elements'

我试过的所有这些方法都行不通。尝试阅读自定义字体加载,但看起来在回购中一切都正常。任何帮助表示赞赏!

1 个答案:

答案 0 :(得分:0)

我会使用react-native-vector-icons加载font-awesome。

确保并在纱线或npm安装模块后运行rnpm link

使用

import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = (<Icon name="rocket" size={30} color="#900" />)