/Javascript/React/React native vector icon

React native vector icon

React native vector icons

1-npm install --save react-native-vector-icons
2-Edit android/app/build.gradle : (add below code)
    apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
3-Edit android/settings.gradle : (add below codes)
	+ include ':react-native-vector-icons'
	+ project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
4-Edit android/app/build.gradle : (add below code to dependencies)
    dependencies {
    ...
    compile project(':react-native-vector-icons')
}
5-import fontawesome to App.js :
import FontAwesome5 from 'react-native-vector-icons/FontAwesome5';

Icon shwoing a box react native vector icons

In 'android/app/build.gradle' (not in android/build.gradle),

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

Then,
react-native link react-native-vector-icons 
react-native run-android
react-native start

Source: github.com

React native vector icons not showing

add this in '/app/build.gradle'

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

React native vector icon

import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = <Icon name="rocket" size={30} color="#900" />;

Source: github.com

React native vector icons

# With yarn
yarn add react-native-vector-icons
# With npm : npm i react-native-vector-icons
# In android go to android/app/build.gradle file add following line 
apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"
# In ios install required pods
npx pod-install
# Import
import FontAwesome from 'react-native-vector-icons/FontAwesome';
# Use
<FontAwesome name="rocket"  />

How to use react-native-vector-icons

<Icon name="rocket" size={30} color="#900" />

Source: aboutreact.com

Similar codes

0 vote141 views1 answer
Make forn awesome icon clickable in react
Javascript React
1 vote163 views1 answer
React counter input
Javascript React
0 vote148 views3 answers
React hook example
Javascript React
3 votes122 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
0 vote144 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
0 vote130 views1 answer
React-native eject not working
Javascript React
0 vote169 views1 answer
React bootstrap button
Javascript React
0 vote152 views1 answer
11. Which of the following metals catch fire on reaction with air? A. Magnesium B. Manganese C. Potassium D. Calcium
Javascript React
4 votes135 views6 answers
Location of release apk in react native
Javascript React
13 votes133 views3 answers
ImageBackground in React Native
Javascript React