React原生自定义字体在android中不起作用

Ajith Kumar 发表于 Dev

阿吉特·库马尔

我已按照所有程序在我的 React Native 应用程序中添加和使用自定义字体，但它不起作用。以下是我所遵循的。

根目录下添加assets/fonts，并添加ttf字体

图片在这里

创建 react-native.config.js 并添加以下代码

module.exports = { 资产：['./assets/fonts'] }
一些消息来源说要在 package.json 中添加以下内容。也添加了

"rnpm": { "assets": ["./assets/fonts"] }
现在，在我的组件中，我完全使用相同的 ttf 名称作为字体系列样式。

style= {styles.textStyles}

const 样式 = StyleSheet.create({ textStyles : { fontFamily : 'Good Feeling Sans', fontSize : 20, fontWeight : 'bold', margin : 10 } })

运行“npx react-native link”并成功链接

链接图片

7.运行“npx react-native run-android”，我发现字体没有变化。:( 知道为什么它没有反映

亲爱的

尝试在没有fontWeight参数的情况下声明您的字体样式，因此请尝试将您的字体样式声明为：

const styles = StyleSheet.create({ 
      textStyles : { 
          fontFamily : 'Good Feeling Sans', 
          fontSize : 20, 
          margin : 10 
      } 
})

fontWeight您可以为此使用专门准备的字体（带有粗细变体的 ttf 文件），而不是使用进行操作。但是如果你真的需要fontWeight你可以尝试用数字值声明它，比如：fontWeight:800

这是fontWeight我在以前版本的 React Native（<0.60）中注意到的一个问题，现在可能仍然存在。

确保您还将字体文件放在适当的文件夹中，以便您的应用程序可以访问。在您的图片中，我相信资产/字体放错了位置，它应该放在android/app/src/main/assets/fonts文件夹下。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。