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',
   }
相关推荐
华科易迅6 分钟前
Vue如何集成封装Axios
前端·javascript·vue.js
不是az8 分钟前
CSS知识点记录
前端·javascript·css
昵称暂无11 小时前
.NET 高级开发 | i18n 原理、实现一个 i18n 框架
javascript·c#·.net
h_jQuery1 小时前
vue使用gm-crypto对数据进行sm4加密处理
前端·javascript·vue.js
阿赛工作室2 小时前
Vue中onBeforeUnmount不触发的解决方案
前端·javascript·vue.js
浩星2 小时前
electron系列1:Electron不是玩具,为什么桌面应用需要它?
前端·javascript·electron
疯笔码良3 小时前
【Vue】自适应布局
javascript·vue.js·css3
浩星3 小时前
electron系列2:搭建专业Electron开发环境
javascript·typescript·electron
酒鼎4 小时前
学习笔记(12-02)事件循环 - 实战案例 —⭐
前端·javascript
小恰学逆向4 小时前
【爬虫JS逆向之旅】某球网参数“md5__1038”逆向
javascript·爬虫