react-native 添加 ttf 格式的字体

  1. 将UI给你的ttf字体在src目录下创建一个font文件
  2. 根目录下新建一个react-native-config,js文件,代码如下
module.exports = {
    assets: ['./src/font'],  //这个font是你存放ttf的地方
};

        3.  cli版本0.69以上的执行 npx react-native-asset;以下的执行link

        4.

如果第一次加字体,会提示你没有字体目录,会给你新建一个目录,并且将字体存放进去。

        5. 然后页面里就可以用了,字体ttf文件名字不要改,UI怎么给你,你就怎么放项目里。

用法示例: fontFamily: 'DIN Alternate Bold'

相关推荐

  1. react native事件通知 DeviceEventEmitter

    2024-06-10 07:36:02       14 阅读
  2. React Native调用Android原生功能

    2024-06-10 07:36:02       15 阅读
  3. ReactReact native

    2024-06-10 07:36:02       31 阅读
  4. React vs React Native写法上不同

    2024-06-10 07:36:02       13 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-06-10 07:36:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-10 07:36:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-10 07:36:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-10 07:36:02       18 阅读

热门阅读

  1. UML的用例图

    2024-06-10 07:36:02       8 阅读
  2. SASS控制指令与循环

    2024-06-10 07:36:02       6 阅读
  3. sass详解

    2024-06-10 07:36:02       14 阅读
  4. 设备安装施工的一点总结

    2024-06-10 07:36:02       6 阅读
  5. conda常见命令

    2024-06-10 07:36:02       7 阅读
  6. Elasticsearch 详细介绍和经典应用

    2024-06-10 07:36:02       8 阅读
  7. 【数据结构】队列的应用(详解)

    2024-06-10 07:36:02       9 阅读
  8. 使用Spring Boot实现Redis多数据库缓存

    2024-06-10 07:36:02       11 阅读
  9. 小米测开面经

    2024-06-10 07:36:02       9 阅读