React Native 中Iconfont图标使用

react-native-svg-uri&阿里Iconfont矢量图标使用记录

使用方法

1. svg-uri组件下载
   1). 引入
   2). 创建工具类
2. 阿里Iconfont图标下载
3. 添加svg标签
4. 使用

1.组件下载

yarn add react-native-svg-uri
------------------------------
npm install react-native-svg-uri --save
react-native link react-native-svg

1. 在项目中引入

import SvgUri from "react-native-svg-uri";

2. 创建工具类待会备用
   

2.阿里Iconfont下载

阿里矢量图标传送门

登陆注册完后要先创建项目哦

1. 选取喜爱的图标
2. 添加购物车~
3. 购物车中选择添加至项目
4. 然后就可以在自己的项目中看到添加进去的各种图标啦
5. 接下来点击下载至本地并解压出来，打开demo_index.html
   
6. 这时就可以看到刚才选择的各类图标了，在这里选择symbol
7. F12一下选取想要使用的矢量图标，找到包含整个图标的svg标签
   
8. 右键复制外部HTML标签，到这里算是完成一大半啦
   

3.添加svg标签

1. 在刚刚创建好的工具类中export一下(把需要用到的都导出，在引号中添加刚刚复制的标签）
   

/**
 *  triqueta
 */
export const triqueta = '<svg id="icon003-triqueta" viewBox="0 0 1024 1024" width="100%