react native关于自定义字体图标android和IOS的处理
2017-12-12 00:00
411 查看
**```
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文件
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在需要的页面引入对应的,直接正常使用就行
相关文章推荐
- 关于android图标美工设计尺寸与处理方法
- iOS关于启动页自定义特殊处理
- android中使用自定义字体以及图标字体
- 关于 不同 字体/颜色的字 以及 小图标 在同一行的css处理问题。
- android实现ios形式的字体,实现各种自定义的字体
- 探索关于,Android工程 混淆 proguard. 自定义混淆接口的实现类的内部类混淆处理
- iOS开发关于UISearchBar自定义取消按钮的颜色,字体,大小
- 关于iOS添加自定义字体、字体图的使用,oc和swift。
- iOS关于启动页自定义特殊处理
- Android - 使用字体文件,自定义View代替图标
- 关于android通知栏图标自定义问题
- 关于android图标美工设计尺寸与处理方法
- iOS关于启动页自定义特殊处理
- 关于自定义tabbar修改字体颜色及图标选中颜色等方法的总结
- 关于iOS自定义字体
- 关于iOS和android自定义包的名字
- Android怎么使用字体图标 自定义FontTextView字体图标控件-- 使用方法
- android自定义图标字体的使用
- iOS-71-关于iOS、Android、服务端对键盘原生表情的处理
- 关于android自定义字体颜色和点击改变字体颜色