如何在您的 react-native 項目中使用矢量圖標

想在您的 react-native 項目中使用矢量圖標嗎？ 有一個適合您的項目：react-native-vector-icons。 這個項目很是棒，但若是您不熟悉xcode，那麼它的文檔有點棘手且不直觀。

安裝 :

# 在你的 react-native 項目中 :
$ npm install react-native-vector-icons —save

如何在Xcode中將自定義字體添加到React Native應用程序：

一、在Xcode項目中建立一個新的組字體。

注意：你不能只建立一個普通的文件夾。 您能夠經過它的顏色來識別是一個文件夾是普通文件夾或xcode組（正常文件夾爲藍色，組爲黃色）

二、將要在項目中使用的字體文件（./node_modules/react-native-vector-icons/Fonts/*.ttf）拖到剛剛建立的字體組中。

三、在項目的主目錄中展開項目名稱文件夾，而後單擊編輯 Info.plist。

四、添加應用程序提供的字體做爲新密鑰

五、運行 Shift + Command + K 清除最後一次構建
六、Command + B 啓動新構建
七、最後 Command + R 運行應用程序

若是您仍然看到錯誤沒法識別的字體系列從新啓動您的反應包裝程序。
如今你應該去 react-native-vector-icons，看看如何詳細使用它。