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',
   }
相关推荐
wordbaby6 小时前
React Native + RNOH:跨页面数据回传的最佳实践与避坑指南
前端·react native
GISer_Jing6 小时前
Three.js着色器编译机制深度解析
javascript·webgl·着色器
丷丩6 小时前
MapLibre GL JS第22课:查看本地GeoJSON
前端·javascript·map·mapbox·maplibre gl js
油炸自行车6 小时前
Claude Code 错误:API Error: 400 Failed to deserialize the JSON body into the
开发语言·javascript·json·trae·claude code·api error 400
丷丩10 小时前
MapLibre GL JS第19课:实时更新要素
前端·javascript·gis·map·mapbox·maplibre gl js
xiaohua0708day11 小时前
Lodash库
前端·javascript·vue.js
突然好热11 小时前
TS 调试技巧
前端·javascript·typescript
h64648564h11 小时前
Flutter 国际化(i18n)全指南:一键切换中/英/日多语言
前端·javascript·flutter
丷丩13 小时前
MapLibre GL JS第8课:禁用滚动缩放
javascript·mapbox·maplibre gl js
kyriewen14 小时前
面试8家前端岗位后,我发现了一个残酷的事实:AI不是加分项,是门槛
前端·javascript·面试