一看就会！教你在react native中设置自定义字体-0.57.5 (四)

羊二哥

于 2020-04-29 19:34:04 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： react native

本文链接：https://blog.csdn.net/weixin_43586120/article/details/105846422

本文详细介绍了在React Native项目中设置自定义字体的步骤，包括在项目根目录创建assets/fonts文件夹，修改package.json配置，执行命令自动链接字体文件，以及在Android和iOS平台上如何正确使用fontFamily。对于iOS平台可能出现的字体未找到问题，提供了通过Xcode手动添加字体和重新编译的解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

项目名为syyApp。

1、在项目根目录下，创建文件夹assets/fonts（可选择其他目录，第二部配置路径的写法稍有不同）

2、在package.json里添加配置

"rnpm": {
    "assets": [
        "./assets/fonts/" //若assets不在根目录下，这儿的路径为字体文件夹相对于项目文件夹根目录的路径
    ]
}

3、执行命令自动链接文件

react-native link

执行成功后，会发现：

android目录下，android/app/src/main 目录下自动新增了 assets/fonts（见下图）

iOS 目录下 syyApp/info.plist 文件中自动添加了对应的字体（见下图）

4、fontFamily直接设置字体名称就可以了

最低0.47元/天解锁文章

200万优质内容无限畅学