React native icons

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 icons

rootProject.name = 'MyApp'

include ':app'

+ include ':react-native-vector-icons'
+ project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')

Source: npmjs.com

React native icons

apply plugin: 'com.android.application'

android {
  ...
}

dependencies {
  compile fileTree(dir: 'libs', include: ['*.jar'])
  compile "com.android.support:appcompat-v7:23.0.1"
  compile "com.facebook.react:react-native:+"  // From node_modules
+ compile project(':react-native-vector-icons')
}

Source: npmjs.com

React native icons

project.ext.vectoricons = [
    iconFontNames: [ 'MaterialIcons.ttf', 'EvilIcons.ttf' ] // Name of the font files you want to copy
]

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

-1

Source: npmjs.com

Similar codes

0 vote317 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
0 vote311 views1 answer
Decrease touchableopacity in react native
Javascript React
0 vote305 views1 answer
Exit ios inspector in react native
Javascript React
0 vote349 views1 answer
Space between react native
Javascript React
6 votes321 views1 answer
React history with search
Javascript React
3 votes332 views3 answers
React ReferenceError: regeneratorRuntime is not defined
Javascript React
1 vote321 views1 answer
Deploy react to aws
Javascript React
15 votes324 views2 answers
Expo react navigation
Javascript React
0 vote325 views1 answer
React testing library Property 'value' does not exist on type 'HTMLElement'.ts(2339)
Javascript React
0 vote322 views1 answer
React 1 to 10 rating
Javascript React