1、下载字体包

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

（感谢这些贡献在线字体下载的网站）

2、在react-native项目中使用（安卓需要）

2.1、放入assets文件中

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

module.exports = {
  assets: ['./assets/fonts/'],
};

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

   npx react-native-asset

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

2.4、然后重新安装安卓包（不能只热刷新，重新启动项目）

2.5、直接使用，如：

 text: {
     fontFamily: 'FZZongYi-M05S',
   }

# react native # react.js # javascript
Logo
开源鸿蒙跨平台开发者社区

开源鸿蒙跨平台开发社区汇聚开发者与厂商，共建“一次开发，多端部署”的开源生态，致力于降低跨端开发门槛，推动万物智联创新。

更多推荐

cover

MIPI DSI屏幕输出—【万物智能之开源鸿蒙OpenHarmony系统实战开发系列教程】

avatar 开源鸿蒙跨平台开发者社区

Flutter-OH应用生命周期

本文介绍 Flutter-OH（）在 OpenHarmony 上的两种集成方式：独立 Flutter 应用（Standalone Flutter app）与Add-to-App。二者为 Flutter 官方定义的主流嵌入路径，Flutter-OH 分别由承载，详见Flutter-OH核心对象简介。

avatar 开源鸿蒙跨平台开发者社区

Flutter-OH核心对象简介

本文介绍Embedding 核心对象在 Flutter-OH 中的作用及彼此协作关系。集成方式、生命周期回调与示例代码见Flutter-OH应用生命周期。与是 Embedding 的两类 Host 入口：前者用于独立 Flutter 应用，对接UIAbility生命周期；后者用于 Add-to-App，在 ArkUI 页面中以页面级 Host 承载 Flutter 模块。是二者共享的内部协调者，负

avatar 开源鸿蒙跨平台开发者社区