使用RN开发App，引入图标失效问题的解决

首先安装引入 react-native-vector-icons，发现app上显示不出图标，网上一大堆说加react-naitve link的，但是新版的react-naitve 已经不需要手动链接依赖了

解决方法：

1 复制安装包中 react-native-vector-icons文件夹下的Fonts文件夹下的内容到 android/app/src/main/assets/fonts (如果没有就自己手动创建)

2 在build.gradle文件中加入

project.ext.react = [

enableHermes: false, // clean and rebuild if changing

iconFontNames: [ 'AntDesign.ttf','FontAwesome.ttf' ] // 指定要使用的字体库

]

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

使用RN开发App，引入图标失效问题的解决相关推荐

ios开发App的图标背景色不能是透明
在ios开发中,App的图标背景不能是透明的,否则打包出来以后,在界面上的显示会是一个带有把黑色背景的图标. 换成白色背景后:
springboot+bootstrap在显示页面时图标失效（已解决）
在写项目的时候运用了bootstrap技术,但是在浏览器上访问的时候发现图标失效了? 最终解决方案在pom文件里加入 <build><resources><resourc ...
如何在微信小程序开发中引入图标
1.在iconfont中将需要的图标加入至购物车 2.选择下载代码 3.将下载好的代码解压缩 4.使用cmd命令进入到解压之后的文件夹中 5.输入cnpm install -g iconfont-to ...
阿里图标icon二次引入+ 图标引入后是黑色解决办法。
阿里图标icon二次引入第一到第三步. 第四步找到文件夹复制代码阿里图标icon二次引入 , 引入后你就会发现是黑色没有原来图标的颜色就像这种如何让本来的颜色出来呢 ? 1.找到项目设置 ...
RN开发实践——仿携程App（二）
文章最后附上源码地址上一片博客链接RN开发实践--仿携程App(一) 实现首页的轮播图 Swiper简介 The best Swiper component for React Native.Swi ...
Android音乐App桌面图标制作以及启动页面开发（简易音乐一）
Android音乐App桌面图标制作以及启动页面开发( 简易音乐一 ) 关于效果第一步第二步第一步修改SplashAcitivity的布局页面第二步修改androidmanifest. ...
iOS开发简记（1）：指定APP的图标与启动图
各位兄弟姐妹们,早上好,本人花了将近一个月的时间打造了一个完整的IOS版的App, 期间包括开发,测试,上线审核,现在花点时间把实现的过程分享给大家,"知音"app功能简单,适合对 ...
iOS开发技巧：设置App icon图标及修改应用程序名
前言这是iOS开发技巧系列博客的第二篇,本篇主要简单介绍一下如何设置应用程序的icon图标以及修改应用程序名. 设置 icon 首先我们来看看如何设置App icon图标,设置应用程序的icon图标 ...
RN开发实践——仿携程App（三）
文章最后附上源码地址上一片博客链接RN开发实践--仿携程App(二) 实现首页中间的内容栏今天实现首页中间的内容栏,原效果如下: 红框就是今天需要实现的内容这里可以拆解成四个部分,每个部分都是由 ...
Android开发：APP桌面只显示默认机器人图标的几个解决方法
在我们进行Android APP的过程中,对于设置桌面图标应该早就信手拈来了吧,我们只要在AndroidMinifest.xml中的application中设置android:icon="& ...

使用RN开发App，引入图标失效问题的解决

使用RN开发App，引入图标失效问题的解决相关推荐

最新文章

热门文章