構建時 React-Native-Vector-Icons 錯誤

Question

我已經安裝了 React Native Vector Icons，但是當我運行“react-native run-android”時它在構建時失敗，並出現以下錯誤：

啟動失敗：構建文件'C:\\projects\\musicapp\\android\\app\\build.gradle'：3：意外令牌：應用@第3行，第1列。從：“../../node_modules/react-native -vector-icons/fonts.gradle" ^

Answer 1

安裝：

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

對於自動鏈接 (RN < 0.60)

react-native link react-native-vector-icons

對於手動設置

編輯android/app/build.gradle （不是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 中使用它。 歡迎使用文本樣式。 下面是一個使用同樣分隔的 grid.* 樣式文件的示例。

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

Answer 2

反應原生 >=0.60

步驟：1 紗線添加 react-native-vector-icons

步驟：2 在（android/app/build.gradle）中添加應用：“../../node_modules /react-native-vector-icons/fonts.gradle”

步驟：3 cd android in cmd

步驟：4 ./gredlew 清潔

步驟：5 react-native run-android

步驟：6 從“react-native-vector-icons/FontAwesome”導入圖標