React native 生成时反应本机矢量图标错误

我已经安装了React Native Vector图标，但在运行“React Native run android”时在构建时失败，错误如下：

启动失败： 生成文件“C:\projects\musicapp\android\app\build.gradle”：3：意外标记：apply@line 3，第1列。 应用于：“../../node_modules/react native vector icons/fonts.gradle” ^

---

安装：

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

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

用于自动链接（RN<0.60）

用于手动设置

编辑

android/app/build.gradle

（非

android/build.gradle

）并添加以下内容：

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

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

运行项目以测试安装。

react-native run-android

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

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

导入库。

react-native run-android

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

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

在JSX内部使用它。欢迎应用文本样式。下面是使用分隔网格的示例。*样式文件。

react-native run-android

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

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

享受编码。

反应本机>=0.60

react-native link react-native-vector-icons

步骤：1添加反应本机矢量图标

步骤：2在（android/app/build.gradle）中添加从“../../node\u modules/react native vector icons/font.gradle”应用

步骤：cmd中的3张cd

步骤：4./gredlew清洁

第5步：反应本机运行android

---

步骤：6从“react native vector icons/FontAwesome”导入图标

您是否将react native vector图标与“react native link react native vector icons”命令链接？谢谢。这就解决了问题。谢谢你的帮助，非常感谢。它现在正在工作，但图标不显示。它显示一个垂直翻转的信封图标。如果有帮助，请向上投票并勾选正确答案。如果图标未显示，请尝试我的示例。谢谢。他们正在展示。。。。你是一个伟大的人。请原谅我@Dinesh Katwal，我没有足够的声望去投票。