React Native Android FontFamily无法更改或不起作用

Question

RNN 0.57，模拟器android。

我正在尝试更改fontFamily ，似乎无论fontFamily是Font不会改变。

<View>
   <Text style={{fontSize:24, fontFamily: 'Feather', color:'black'}}>Title Text Test</Text>
 </View>

结果始终是这种字体

我尝试了Roboto，Feather，FontAwesome等，但没有更改，仍然显示与屏幕截图相同的字体。

知道有什么问题吗？ 有没有默认字体覆盖我的样式？

Answer 1

所有这些字体都是图标字体，通过react-native-vector-icons 。 要使用它们，您应该使用它们的api

import Icon from 'react-native-vector-icons/Feather'

如果要使用自定义字体，则需要手动将字体与项目链接。 首先找到一些字体，并将它们放在项目根目录中的某个位置； 我通常把我放在./src/assets/fonts

在您的package.json添加：

"rnpm": {
  "assets": [
    "./src/assets/fonts"
  ]
}

然后运行react-native link ，您将能够使用这些自定义字体。