react native关于自定义字体图标android和IOS的处理

2019独角兽企业重金招聘Python工程师标准>>>

**```

icon处理：https://icomoon.io/app/#/select    主要是得到各种字体格式和section.json
具体步骤网址：   https://www.cnblogs.com/xiaojun-zxj/p/6293450.html
基于插件：react-native-vector-icons   既可以用这个库本身的，又可以用自定义的

1.先在android和ios正常运行，
在ios chartCode里面使用xxx.ttf时，执行react-native link，add到item里面
android下面app/font  添加xxx.ttf,
在react-native-vector-icons 下面分别添加下面三个文件
2,处理icon，得到ttf库和section.json

3 根据section.json  在app里面得到对应的code值componentDidMount() {var allicon = {};var data =Data.icons;data.forEach((icon) => {allicon[icon.properties.name]=icon.properties.code;});console.log(JSON.stringify(allicon))}

4在node_modules/react-native-vector-icons下新建Icomoon.js文件，复制一份Icomoon.ttf到node_modules/react-native-vector-icons/Fonts目录下，node_modules/react-native-vector-icons/glyphmaps下新建Icomoon.json文件


5将打印出来的code值粘贴到对应的json中
6在需要的页面引入对应的，直接正常使用就行

转载于:https://my.oschina.net/u/3150996/blog/1588642

react native关于自定义字体图标android和IOS的处理相关推荐

react native 使用阿里字体图标库
前言本文基于 "react-native": "^0.70.0" 1.下载iconfont图标文件将iconfont图标文件放置在src/assets/fo ...
自定义字体图标android h5不适配,h5页面字体图标显示不正常
问题描述开发的是微信公众号的纯静态H5页面,测试发现在iOS上面首次打开会出现字体图标无法显示的问题,并且切换到其它页面,字体图标也是一样无法显示: 只能使用微信的右上角内的刷新选项,所有页 ...
ionic（mui、elementUI）自定义字体图标
先自我检讨一下下: 之前在上家公司写MUI的时候,就用过自定义字体图标了,没有整理. 到这家公司写ionic有用到了自定义字体图标,还是要去查一下再写,没有整理. 现在都写vue了,elementUI ...
elementUI自定义字体图标
上一篇<ionic(mui.elementUI)自定义字体图标>写一部分了.重要的点,再强调一下下. 在阿里妈妈上的项目中编辑相关属性: elementUI 的前缀是el-icon,Fon ...
[react] 在React中怎么使用字体图标？
[react] 在React中怎么使用字体图标? 1.npm install --save react-fontawesome 2.npm install font-awesome 3.import ...
React Native ：自定义视图
代码地址如下: http://www.demodashi.com/demo/11686.html 这次我们要做的仿新闻头条的首页的顶部标签列表,不要在意新闻内容. 请求数据首先做顶部的目录视图, ...
android 自定义字体 ttf,Android APP支持自定义字体
情景:需要为整个应用替换自定义字体. Android对于文字的字体设置主要是通过以下两个对象 FontFamily.Typeface 在XML文件中设置单个字体: android:id="@ ...
layui字体样式设置_layui如何自定义字体图标？（图文介绍）
layui如何自定义字体图标?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. layui的图标取自于阿里巴巴的矢量图标库 Iconfont 第一步,通过浏 ...
css中使用自定义字体和自定义字体图标
下载并安装Adobe Illustrator CC 2019简称AI 下载并安装FontLab7简称AI 软件安装包: 链接: https://pan.baidu.com/s/1C8d44Y2z4ro ...

react native关于自定义字体图标android和IOS的处理

react native关于自定义字体图标android和IOS的处理相关推荐

最新文章

热门文章