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,使用圖標，如下圖：