构建时出现 React-Native-Vector-Icons 错误答案

【问题标题】：React-Native-Vector-Icons error on build构建时出现 React-Native-Vector-Icons 错误
【发布时间】：2018-01-16 01:34:41
【问题描述】：

我已经安装了 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” ^

【问题讨论】：

您是否将 react-native-vector-icons 与 'react-native link react-native-vector-icons' 命令链接？
谢谢。这解决了这个问题。感谢您的帮助。

【解决方案1】：

安装：

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

对于自动链接 (RN

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 中使用它。欢迎应用文字样式。下面是一个使用分隔网格的示例。* 样式文件。

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

【讨论】：

【解决方案2】：

react-native >=0.60

step:1 yarn add react-native-vector-icons

step:2 在(android/app/build.gradle)中添加apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" p>

step:3 cd android in cmd

步骤：4 ./gredlew clean

step:5 react-native run-android

step:6 从‘react-native-vector-icons/FontAwesome’导入图标

【讨论】：