[英]Not loading Icons from react-native-vector-icons/FontAwesome
[英]React-native fontawesome some icons are not showing
我刚刚添加了 FontAwesome,没有像本教程这样的第三方库,它主要工作,但所有图标中的一些(大约一半)只是空方块
那我做错了什么? 或者 FontAwesome 只是在 React-native 中部分可用?
提前感谢您的帮助
import React, { Component } from 'react';
import { Text, View, Button, AsyncStorage, ScrollView } from 'react-native';
import styles from './../Styles/styles';
render() {
return (
<ScrollView>
<View style={styles.container}>
{...这里还有一些不相关的东西...}
<Text style={{ fontFamily: 'fontawesome', fontSize: 16 }}>
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
       
</Text>
</View>
</ScrollView>
);
}
{...}
"rnpm": {
"assets": [
"./assets/fonts/"
]
}
fontawesome.ttf 位于 .\\Projectname\\assets\\fonts\\fontawesome.ttf"
也许为时已晚,但我遇到了同样的问题。
运行后:
react-native link
这个问题为我解决了。
我在使用库时遇到了同样的问题:
import FontAwesome from "react-native-vector-icons/FontAwesome";
... // <setting up bottom tab navigation>
let iconName = "store";
return <FontAwesome name={iconName} size={21} color={tintColor} />
库中似乎确实缺少许多图标。 我建议查看./node_modules/react-native-vector-icons/glythmaps/FontAwesome.json
并查看它们是否存在,或者您正在使用的任何库。 FontAwesome.com 上的名称不一定反映此库中的名称。
例如, tachometer
图标,在网站上的免费图标是tachometer-alt
而在这个库中它是tachometer
。
另一种选择是使用与react-native-vector-icons
不同的图标包。 我尝试了 FontAwesome5 并遇到了类似的问题。
我认为使用https://github.com/FortAwesome/react-native-fontawesome比完全避免使用任何库更好,因为它允许用户只导入选定的图标,而且它基本上只是一堆打包成文件的 svgs .
如果您有许可证,您也可以使用专业字体。
我有一个类似的问题,我无法将image-polaroid
与 expo-fonts 一起使用,并且发现他们最近发布了一个可与 RN(或 Expo)一起使用的官方库。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.