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',
   }
相关推荐
尾善爱看海9 小时前
Vue 面试进阶篇:Composition API、插槽、自定义指令……8 个章节 + 高频面试题全解析
前端·javascript·vue.js·面试·vue
三小河10 小时前
在 Codex 桌面端接入 DeepSeek 模型(CC Switch 代理中转)
前端·javascript·人工智能
shmily麻瓜小菜鸡10 小时前
JS/TS 易踩坑知识点 — 自动分号插入(ASI)
开发语言·javascript·ecmascript
CoderYanger10 小时前
前端基础——JavaScript(WebAPI)代码案例
java·开发语言·前端·javascript·css·前端框架·html5
BillKu10 小时前
Element Plus 的 el-tab-pane:lazy 的说明
前端·javascript·vue.js
10share11 小时前
我为什么用 React 重写了一个 VitePress
前端·react.js
farerboy11 小时前
编程技巧:VUE 实现接口返回数据的流式处理
javascript·vue.js
天道kabuto11 小时前
前端每日知识点:React 与 Vue Diff 算法对比 · 完整总结
vue.js·react.js·前端框架
moMo11 小时前
React 全栈实战:从组件到鉴权的完整指南
react.js
阳火锅11 小时前
2025,记住这一年!它是古法编程的最后一年。
前端·javascript·面试