轉自：https://blog.csdn.net/pkaq_/article/details/51168435

先決條件

• rn 0.23
• npm 3.7.3
• node 5.9.1
• system winX
• python 2.7.x

前言

　　開發過程中各式各樣的圖示自然少不了,如果能使用fontawesome等圖示字型,自然可以帶來極大的方便,然而在rn中並無法直接引用,還好已經有人做好了相關元件,react-native-vector-icons便是其中的佼佼者. 
　　如果你對此元件感興趣可以去github頁面star此專案 
　　https://github.com/oblador/react-native-vector-icons

安裝

　　官方README如何使用已經寫得很詳細,此處需要指出的是幾個注意點. 
　　由於安裝時依賴node-gyp,而node-gyp在win下又會有一堆依賴這裡以winX為例說一下winX下需要安裝的依賴

　　1.python環境:截止部落格發表時僅支援到2.7.X版本,如果是下載的zip包需要將python路徑新增到環境變數中

　　3.rnpm:npm install rnpm -g

使用

確保以上三點沒問題後,可以通過如下命令安裝本元件

    npm install react-native-vector-icons --save

• 1

由於我是開發android App,所以依據官方文件繼續執行

    rnpm link
 

• 1

在所需使用圖示的地方,這裡採用的是es6的寫法,es5的寫法也是可以的

    import Icon from 'react-native-vector-icons/FontAwesome';

• 1

使用元件

    <Icon name="qq" size={30} color="#52C0FE"/>

• 1

備註

引數說明

支援的圖示

• Entypo by Daniel Bruce (411 icons)
• EvilIcons by Alexander Madyankin & Roman Shamin (v1.8.0, 71 icons)
• FontAwesome by Dave Gandy (v4.5, 605 icons)
• Foundation by ZURB, Inc. (v3.0, 283 icons)
• Ionicons by Ben Sperry (v2.0.1, 733 icons)
• MaterialIcons by Google, Inc. (v2.1.1, 893 icons)
• Octicons by Github, Inc. (v3.5.0, 196 icons)
• Zocial by Sam Collins (v1.0, 100 icons)