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 链接。要使用它们，您应该使用their api

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

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

在你的package.json 添加：

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

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