React-native开发-Unrecognized font family ‘Ionicons’

最新推荐文章于 2023-02-09 21:47:20 发布
最新推荐文章于 2023-02-09 21:47:20 发布
阅读量3.8k 收藏 1
点赞数 1
CC 4.0 BY-SA版权
文章标签： Ionicons vector unrecognized font family
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhaolaoda2012/article/details/82627735
在React-native开发过程中遇到'Unrecognized font family ‘Ionicons’'的错误。解决方法包括：将Ionicons字体文件添加到iOS项目，更新info.plist配置以包含字体描述。完成这些步骤后，重启项目即可正常运行。

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

错误如下：
这里写图片描述

解决方法：
先打开你的react-native项目的ios文件夹下面的项目，右键选择add file
这里写图片描述

将font文件添加到项目里面：
这里写图片描述

然后还需要到info.plist文件添加一些配置：
这里写图片描述

复制下面的内容到plist里面:

<key>UIAppFonts</key>
  <array>
    <string>Entypo.ttf
最低0.47元/天 解锁文章

200万优质内容无限畅学
zhaolaoda2012
关注
关于RN报Unrecognized font family ionicons
xiangzhihong8的专栏
10-29 757
在React Native开发中，经常需要使用一些第三方的图像库，react-native-vector-icons就是这样一个不错的矢量图标库。不过，今天最新版本的RN在使用的时候，给报了一个错，如下所示。 Unrecognized font family 'Ionicons' +[RCTFont updateFont:withFamily:size:weight:style:variant:scaleMultiplier:] RCTFont.mm:329 -[RCTTextAttributes
解决 React Native 中的常见错误
分享身边生活经验blog
10-12 3776
React Native 是当今最常用的 JavaScript 移动框架之一。React Native 使熟悉 JavaScript 和 React Web 框架的开发人员能够使用类似的方法和原理开发移动应用程序。作为一个 React Native 开发者，你在开发你的应用程序时必然会遇到一些错误。当编译器在运行代码时检测到错误时，它会终止进程并显示错误消息。React Native 中的错误消息非常具有描述性。
react-native6.0版本xcode11.2版本ios报错Unrecognized font family 'Ionicons'
The_Small_White的博客
11-21 645
解决办法 打开该项目中的info.plist 在Fonts proviedby application添加下图四条 Materiallcons.ttf Foundation.ttf FontAwesome.ttf Ionicons.ttf
react native Unrecognized font family ‘antoutline’
specj的博客
11-15 1147
react native 0.66.0 @ant-design/react-native 4.2.0 整合之后会报:Unrecognized font family ‘antoutline’ 方法一： 进入 node_modules/@ant-design/icons-react-native/fonts 目录, 复制antfill.ttf和antoutline.ttf到Xcode Project -> Resources folder. 打开Xcode，将两个文件添...
启动react-native报错 Unrecognized font family 'Ionicons'
liulei21的专栏
06-21 655
在项目中运行下react-native link
React Native 开发报错： unrecognized font family 字体包名字
weixin_38713540的博客
05-09 1815
我们自己添加自定义的字体包的时候可能在模拟器里面调试能正常显示，但是真机调试的时候却会报错，那么很有可能是你的自定义字体包放的位置不对：      有些博客说iOS开发RN 自定义字体的时候，我们需要在Xcode里面添加Fonts 分组，然后把自己的字体拉进去，再在info.plist文件中属性：Fonts provided by application 添加自己的自定义包名字就可以直接使用。讲
iOS中使用RN混编 提示Unrecognized font family ‘iconfont‘
夏天的风轻轻吹过～～
10-12 628
Unrecognized font family 'iconfont' 最近项目中使用插入RN的页面，一进入相关页面就报这个问题 添加字体方法： 一、拖入字体到项目中 二、在plist中设置一下 我两个步骤都操作了，咋还是提示呢，关键是打印字体中也没有这个字体 后面我检查时才发现，我这个项目是多个target，在左侧边栏的plist是针对主target的，而我平时开发用的是dev的target开发的，所以多个target的字体需要选中target，然后在info中设置。 ...
Unrecognized font family 'anticon'
taoerchun的专栏
07-14 3273
问题： 使用第三方库react-native-vector-icons在ios上报Unrecognized font family 'anticon'的错(用Xcode编译的)： "react-native": "0.55.4", "react-native-vector-icons": "^6.4.2", 然后用react-native run-ios编译时报如下错： /Us...
Unrecogized font family ‘Ionicons’ 在ios上报错，android正常
aisuoshi3612的博客
11-30 221
解决方法： react-native link react-native-vector-icons 很多模块都需要link一下 转载于:https://www.cnblogs.com/lude1994/p/10044961.html
react-native-ionicons:React Native的离子图标
05-25
React本征离子 Bring 到您很棒的 -native应用程序中。 用法 安装 npm install react-native-ionicons@^4.x 或者： yarn add react-native-ionicons@^4.x 与react-native链接（可选） 从v0.60开始， react-native link已被react-native link取代。 因此，在使用React Native 0.60+时不必这样做。 react-native link react-native-ionicons 用它 import Icon from 'react-native-ionicons' const IconBar = ( ) => ( < View> < Icon xss=removed> < ! -- This is sa
react-ionicons:一个React Ionicon组件https
05-22
React Ionicon组件 漂亮文档 安装 $ npm install --save react-ionicons 或者 $ yarn add react-ionicons 用法 import React from 'react' import { render } from 'react-dom' import { LogoNodejs } from 'react-ionicons' < LogoNodejs xss=removed xss=removed xss=removed xss=removed> alert ( 'Hi!' ) } / > 浏览器 支持 ，但是您必须手动安装 。 特征 SVG图标。 简单的API。 动画。 可定制的。 支持创建React App。 打字稿支持。
React Native 0.71.1版本中使用react-native-elements报错： Unrecognized font family ‘Material Icons‘解决方法
QC班长的博客
02-09 511
最近在使用React Native开发APP，使用到了react-native-elements的UI，其中用到了图标库，iOS端启动报错Unrecognized font family 'Material Icons'，安卓端不报错，但图标不选显示。将 node-modeles\react-native-vector-icons\Fonts目录下的文件复制到项目andriod\app\src\main\assets\fonts 目录下，如果没有相应的文件夹的话，自己创建一个即可。
react native: Unrecognized font family ‘antoutline‘
qq_36868653的博客
04-22 437
/node_modules/@ant-design/icons-react-native/fonts目录并拖拽到xcode中，然否将fonts更名为Resource，2.在build phass下的Copy Bundle Resources中将其添加进来即可
react-native ios unrecognized font family "iconfont"的解决办法
爱开车的彬哥的优快云博客
04-23 4745
在IOS真机上调试出现unrecognized font family “iconfont”的红屏幕问题，查看react-native-vector-icons模块，可以看到已经安装， 没有安装的话npm install react-native-vector-icons –save 即可安装，安装结束react-native link react-native-vector-icons 一...
react native踩坑——Unrecognized font family 'Material Icons'
weixin_42565137的博客
02-23 1717
"react": "16.9.0", "react-native": "0.61.5", 在info.plist插入以下代码 <key>UIAppFonts</key> <array> <string>AntDesign.ttf</string> <string>Entypo.ttf</string> ...
fontFamily 'Ionicons' is not a system font and has not been loaded through Expo.Font.loadAsync的问题...
weixin_30729609的博客
11-20 588
import * as React from "react";import { Provider } from "mobx-react/native";import { StyleProvider } from "native-base"; import App from "../App";import getTheme from "../theme/components";import var...
unrecognized font family "iconfont2"
weixin_33775572的博客
07-27 154
起因：使用React Native开发App，需要使用自定义字体iconfont2.ttf，要在xCode中引入该字体 步骤：将字体文件拷贝到项目工程中，在Info.plist文件中添加Fonts provided by application的配置项，其中每一个Item对应的是字体文件的名称，如iconfont2.ttf 但是在手机和模拟器上一直出现红屏，why？ ...
Unrecognized font family 'xxxx'（已解决）
ioth5的博客
02-10 2898
react-native 遇到的字体加载不出来的问题 排查了很久，终于解决了。。。实测管用 1.问题截图： 2.解决步骤： yarn add react-native-vector-icons yarn react-native link cd ios && pod install && cd .. yarn run ios 如果用npm 上面的yarn换成n...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值