Question

我已经安装了React Native Vector Icons，但是当我运行＆＃34; react-native run-android＆＃34;时，它在构建时失败，出现此错误：

启动失败：构建文件＆＃39; C：\ projects \ musicapp \ android \ app \ build.gradle＆＃39;：3：意外令牌：应用@第3行，第1列。申请自：＆＃34; ../../ node_modules / react-native-vector-icons / fonts.gradle＆＃34; ^

Answer 1

<强>安装：

npm install — save react-native-vector-icons

适用于自动链接。

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>

Answer 2

本机> = 0.60

step：1纱线添加react-native-vector-icons

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

step：3 cd cd android

步骤：4 ./gredlew clean

step：5 react-native run-android

step：6从“ react-native-vector-icons / FontAwesome”导入图标

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

2 个答案: