聲明：本文假定已經正確配置好react-native-vector-icons

UI給的圖片，需要是svg格式的，上傳到第三方網站，如www.iconfont.cn,一些配置后，就可以在RN項目中使用，這樣項目中就可以少導入很多圖片。

登錄上面網址，圖標管理->我的項目->創建項目，然后導入所有你的svg格式圖片，點擊下載至本地，有用的是下載文件中的iconfont.ttf文件，以及每個圖標下面的十六進制碼，如e601

拷貝iconfont.ttf文件到項目的node_modules/react-native-vector-icons/Fonts下，再將iconfont.ttf拖到xcode，并且在info.plist添加對應的key，如下，10是剛手動添加的，其余為react-native link階段自動生成的

接下來在node_modules/react-native-vector-icons目錄下創建iconfont.js，內容就拷貝Ionicons.js，并將里面的Ionicons字段全部改成iconfont，如下

然后在node_modules/react-native-vector-icons/glyphmaps中創建iconfont.json，內容格式如下

key是項目中使用的圖片name字段，value就是最初上傳圖標后，圖標下方的十六進制轉成10進制的數值。

使用和效果如下：

注：

1、網址的圖標每次更換后，必須重新下載iconfont.ttf文件，并替換掉xcode和node_modules兩處iconfont.ttf文件才能生效

2、只有純色svg格式的圖片才用這種方式管理，否則顯示出來的東西沒法看。。。

3、從步驟可以看出，完全是參考react-native-vector-icons的眾多自帶文本庫配置的