zoukankan      html  css  js  c++  java
  • React Native如何添加自定义图标

    iOS

    1.通过xcode将‘xxx.ttf’文件引入项目,如图:

    2.在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文件。如图:

    Icomoon.js代码:

    import createIconSet from './lib/create-icon-set';
    import glyphMap from './glyphmaps/Icomoon.json';
    
    const iconSet = createIconSet(glyphMap, 'Icomoon', 'Icomoon.ttf');
    
    export default iconSet;
    

    Icomoon.json格式如下:

    {
      "icon_bofang": 6400,
      "icon_cai": 6401
    }
    

    想要获得Icomoon.jsom里面的格式内容  .json文件中的key自定随便,到时候使用的时候就用这个key,他的value从下载的字体文件夹中找到,也是一个json文件,打开后其中每一个对象有一个code键,它对应的value就是我们需要的那个值。但是图标的个数非常多,需要写一段代码,获得我们所需要的Icomoon.json里面的格式。

    此时,在需要用到的界面引入Icomoon,使用图标,如下图:

      

  • 相关阅读:
    小学生双倍快乐
    暑期随笔
    akm
    设计原型
    测试与优化
    小学生求求你别折磨程序员
    小学生快乐刷题
    枪在手,跟我走

    第一次团队作业
  • 原文地址:https://www.cnblogs.com/xiaojun-zxj/p/6293450.html
Copyright © 2011-2022 走看看