react-native使用字体库如何在安卓显示

1、下载字体包

参考字体下载网站:https://www.onlinewebfonts.com/

(感谢这些贡献在线字体下载的网站)

2、在react-native项目中使用(安卓需要)

2.1、放入assets文件中

2.2、新建react-native.config.js文件放在项目根目录

javascript 复制代码
module.exports = {
  assets: ['./assets/fonts/'],
};

2.3、在根目录执行命令(不执行安卓机不会有效果)

npx react-native-asset

  • 正常情况下,这一步会在 android/app/src/main/assets/fonts/ 下生成 FZZongYi-M05S.ttf(或者类似名字)。

2.4、然后重新安装安卓包(不能只热刷新,重新启动项目)

2.5、直接使用,如:

html 复制代码
 text: {
     fontFamily: 'FZZongYi-M05S',
   }
相关推荐
swipe24 分钟前
JavaScript 对象操作进阶:从属性描述符到对象创建模式
前端·javascript·面试
前端小趴菜051 小时前
vue3项目优化方案
前端·javascript·vue.js
还是大剑师兰特3 小时前
Vue3 按钮切换示例(启动 / 关闭互斥显示)
开发语言·javascript·vue.js
小金鱼Y3 小时前
从进程线程到 async/await,一文吃透前端异步核心原理
前端·javascript
SuperEugene3 小时前
前端代码注释规范:Vue 实战避坑,让 3 年后的自己还能看懂代码|项目规范篇
前端·javascript·vue.js
进击的尘埃3 小时前
用声明式 YAML Schema 驱动 LLM 做 `Code Review` 自动化
javascript
kyriewen3 小时前
JavaScript 数据类型全家福:谁是大哥大,谁是小透明?
前端·javascript·ecmascript 6
凉辰3 小时前
uniapp实现生成海报功能 (开箱即用)
javascript·vue.js·小程序·uni-app
墨狂之逸才3 小时前
React Native 移动项目目录导致的 Android 编译失败问题及解决方案
android·react native