Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在android的react原生项目中添加令人敬畏的字体?_Android_React Native_Font Awesome - Fatal编程技术网

如何在android的react原生项目中添加令人敬畏的字体?

如何在android的react原生项目中添加令人敬畏的字体?,android,react-native,font-awesome,Android,React Native,Font Awesome,我可以添加普通字体,但不能,我使用的是FontAwesome的v4.7.0 我已经检查了以前的答案,但我只发现相关,但我认为答案已经过时了,因为你不能将文件名的第一个字母链接为小写,它必须是大写,比如“Font Awesome.ttf”(这就是我现在看到的)。这种命名策略用于添加另一种称为“titilliumweb”的常规字体 My index.js export default class App extends Component { render() { return (

我可以添加普通字体,但不能,我使用的是FontAwesome的v4.7.0

我已经检查了以前的答案,但我只发现相关,但我认为答案已经过时了,因为你不能将文件名的第一个字母链接为小写,它必须是大写,比如“Font Awesome.ttf”(这就是我现在看到的)。这种命名策略用于添加另一种称为“titilliumweb”的常规字体

My index.js

export default class App extends Component {
  render() {
    return (
        <View style={styles.container}>
            <Text style={styles.fontawesome}>&#xf0c9;</Text>
        </View>
    );
  }
}
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  fontawesome:{
    fontFamily: 'Font Awesome',
    color: '#000',
    fontSize: 20 
  },
});

AppRegistry.registerComponent('myappname', () => App);
在project dir中执行
反应本机链接
,字体复制正确

在项目目录中执行
反应本机运行的android

我的环境

  • 设备:真实设备,android kitkat v4.4.2
  • 反应本机:v0.55.2
  • 反应:v16.3.1
  • 纱线:v1.5.1
  • 节点:v9.5.0

为什么在
fontFamily
中添加
空格
?也许这就是你的问题所在,你应该使用
fontfamine:“fontsawesome”
尝试你能想到的所有可能的组合。我最终放弃并开始了一个新项目,并在其中使用了react native vector icons lib。你使用的是文本样式或添加图标吗?我从这个链接下载了它,打开了字体文件夹,并将.ttf文件复制到我的项目中。你为什么不使用图标?
  "rnpm": {
    "assets": [
      "./src/assets/fonts/TitilliumWeb",
      "./src/assets/fonts/FontAwesome"
    ]
  },