React-Native-Vector-Icons error on build

Question

I have installed React Native Vector Icons, but it fails on build when i run "react-native run-android", with this error:

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" ^

Did you link react-native-vector-icons with 'react-native link react-native-vector-icons' command? — Ajith Pandian, Aug 08 '17 at 13:14

score 12 · Accepted Answer · edited Apr 27 '20 at 14:51

12

Installation:

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

For Automatic link (RN < 0.60)

react-native link react-native-vector-icons

For Manual setup

Edit android/app/build.gradle ( NOT android/build.gradle ) and add the following:

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

Run the project to test the installation.

react-native run-android

Import the library.

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

Use it inside JSX. Text styles are welcome to be applied. Below is an example using also separated grid.* styling file.

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

edited Apr 27 '20 at 14:51

Aniruddha Shevle

4,602
4
22
36

answered Aug 08 '17 at 13:41

Dinesh Katwal

930
1
14
25

Thank you so much. It's working now but the icons don't display. It shows an envelope icon flipped vertically. – Misterwyz Aug 08 '17 at 14:46
if it is helpful then please upvote and tick the answer as correct – Dinesh Katwal Aug 08 '17 at 15:14
Try my example if icon doesn't display. – Dinesh Katwal Aug 08 '17 at 15:17
Thanks. They are displaying now.... You're a great man. You will live long and prosperous. – Misterwyz Aug 08 '17 at 15:27
Pardon me @Dinesh Katwal but I don't have enough rep to upvote. – Misterwyz Aug 08 '17 at 21:25

score 0 · Answer 2 · answered Jul 22 '20 at 03:26

react-native >=0.60

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

step:2 Add apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" in (android/app/build.gradle)

step:3 cd android in cmd

step:4 ./gredlew clean

step:5 react-native run-android

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

React-Native-Vector-Icons error on build

2 Answers2

Linked