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',
   }
相关推荐
honkun632 分钟前
vue 下拉树组件 vxe-table-select 实现分页多选
前端·javascript·vue.js
大熊程序猿42 分钟前
用 ASP.NET Core + SignalR 做一个带实时对战房间的打字练习平台
javascript
OpsEye1 小时前
大量无效 Token 消耗,是很多企业被忽略的隐形成本
javascript·ai编程
ZoeLandia2 小时前
React03:useState 与不可变更新
前端·react.js·typescript·react
鬼手点金2 小时前
单轮对话:最简单的 API 调用
java·服务器·前端·javascript·react.js·servlet·tomcat
罗丹丹Luna3 小时前
JavaScript计算任务峰值并发:同一时刻先结束还是先开始
javascript
古夕3 小时前
同样的 font-weight,为什么这个项目的字体就是更细?
前端·javascript
牛肉胡辣汤4 小时前
Blender + Three.js 开发讲解:从 .blend 到能转的产品页
开发语言·javascript·blender
程序员大阳4 小时前
副队长JavaScript教程(20)–三元运算符、逗号运算符
javascript·三元运算符·逗号运算符
console.log('npc')6 小时前
从0到1实现任务评价统计功能:React + TypeScript 实战指南(小白注释版)
前端·react.js·typescript