第一种:link添加自定义字体

  1. 在根目录下assets/fonts

  2. 在根目录的Package.json 配置字体

    "rnpm": {
        "assets": [
          "./assets/fonts/"
        ]
      }
    
  3. 在命令行执行:react-native link
    完成上述三步之后检查:android/app/src/main/assets/fonts下有没有你添加的字体文件

第二种:直接复制字体到android/app/src/main/assets/fonts目录下

使用自定义字体

  1. 单个组件使用

    topDayDataDate: {
        fontFamily: '王汉宗中隶书繁',
    }
    
  2. 全局配置:请看我的另一篇博客react native开发Android 篇——react native开发Android 篇——全局设置Text组件的属性详细代码
    注:如果项目中使用了字体图标,设置全局的fontFamily会使字体图标无法正常显示。

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐