「已解決」react-native-vector-icons無法識別，icon始終爲X

 在RN開發過程中使用react-native-vector-icons，按照流程，怎麼都加載不出來，始終顯示爲下圖

加載失敗顯示的圖標

 解決：

在執行完一系列操作後，重新運行react-native run-android命令。

完整步驟：

1.  根目錄下使用：

   npm install --save react-native-vector-icons // 下載庫
   react-native link react-native-vector-icons // 自動關聯

   npm install react-native-vector-icons --save或yarn add react-native-vector-icons安裝。
2. 成功後顯示：

   app/src/main/assets/fonts路徑

    

3. Android端的配置（先更新安卓端）

   // 進入android/app/build.gradle文件，添加如下內容：
   
   project.ext.vectoricons = [
       iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ]
   ]
   apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

    

4.  

   在項目中使用：

   import Icon from 'react-native-vector-icons/FontAwesome';
       ....
    <Icon name={'angle-right'} size={24} color={'#999'} />

    

5. 最後執行  react-native run-android，RR刷新後成功顯示：

   成功顯示圖標