2017-08-08 62 views
1

我已經安裝了陣營本地矢量圖標,但它在構建失敗當我運行「反應原生運行Android的」,與此錯誤:陣營,本機矢量圖標錯誤上構建

startup failed: build file 'C:\projects\musicapp\android\app\build.gradle': 3: unexpected token: apply @ line 3, column 1. apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" ^

+0

您是否將react-native-vector-icons與'react-native link react-native-vector-icons'命令相鏈接? –

+0

謝謝。這解決了這個問題。我感謝您的幫助。 – Misterwyz

回答

1

安裝:

npm install — save react-native-vector-icons 

用於自動鏈接。

react-native link react-native-vector-icons 

對於手動設置

編輯​​(NOT android/build.gradle),並添加以下內容:

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 

運行該項目,以測試安裝。

react-native run-android 

導入庫。

import Icon from ‘react-native-vector-icons/FontAwesome’ 

使用它裏面JSX。歡迎應用文本樣式。下面是一個使用分離網格的例子。*樣式文件。

<View> 
<Icon name='area-chart' color="green" size={20} /> 
<Text>Enjoy Coding.</Text> 
</View> 
+0

非常感謝。它現在正在工作,但圖標不顯示。它顯示垂直翻轉的信封圖標。 – Misterwyz

+0

如果它是有用的,那麼請upvote並正確勾選答案 –

+0

嘗試我的示例,如果圖標不顯示。 –