RN整合阿里图标库

1. 阿里图标官网注册账号并新建项目且在项目中添加自己的图标

https://www.iconfont.cn/

2.在rn项目中安装依赖

yarn add react-native-svg
yarn add react-native-iconfont-cli --dev

3.链接资源

react-native link react-native-svg

4.生成配置文件

npx iconfont-init

5.修改配置文件(即上面生成的iconfont.json文件)

{
    "symbol_url": "http://at.alicdn.com/t/font_2654899_apr6d0ofri.js",
    "use_typescript": true,
    "save_dir": "./src/components/iconfont",
    "trim_icon_prefix": "icon",
    "default_icon_size": 16,
    "local_svgs": "./src/components/iconfont/svg"
}
配置参数说明：
        symbol_url ：请直接复制iconfont官网提供的项目链接。请务必看清是.js后缀而不是.css后缀。如果你现在还没有创建iconfont的仓库，那么可以填入这个链接去测试：http://at.alicdn.com/t/font_1373348_ghk94ooopqr.js
        use_typescript：如果您的项目使用Typescript编写，请设置为true。这个选项将决定生成的图标组件是.tsx还是.js后缀。 当该值为false时，我们会为您的图标生成.js和.d.ts两种文件，以便您能享受到最好的开发体验。
        save_dir ：根据iconfont图标生成的组件存放的位置。每次生成组件之前，该文件夹都会被清空。
        trim_icon_prefix ：如果你的图标有通用的前缀，而你在使用的时候又不想重复去写，那么可以通过这种配置这个选项把前缀统一去掉。
        default_icon_size：我们将为每个生成的图标组件加入默认的字体大小，当然，你也可以通过传入props的方式改变这个size值。
        local_svgs：本地 svg 的路径, 配置此项后在路径中添加 svg 文件即可。支持渐变图标（iconfont官网不能上传渐变图标）。

6.开始生成React-Native标准组件

npx iconfont-rn