Search
 
SCRIPT & CODE EXAMPLE
 

JAVASCRIPT

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';
Comment

react native vector icon

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

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"  />
Comment

react native vector icons link

react-native link react-native-vector-icons
Comment

react-native-vector-icons

import Icon from 'react-native-vector-icons/FontAwesome';

const myIcon = <Icon name="rocket" size={30} color="#900" />;
Comment

@types/react-native-vector-icons

# Add types for react-native-vector-icons with npm
npm i --save-dev @types/react-native-vector-icons
# With yarn
yarn add --dev @types/react-native-vector-icons
Comment

react native vector icons

yarn add react-native-vector-icons
Comment

how to use react-native-vector-icons

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

react native vector icons

pod 'RNVectorIcons', :path => '../node_modules/react-native-vector-icons'
Comment

react-native-vector-icons

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

PREVIOUS NEXT
Code Example
Javascript :: create loop to specific length react 
Javascript :: disemvowel javascript 
Javascript :: Vue minify images 
Javascript :: how to clear an input in testing library 
Javascript :: print object keys 
Javascript :: check date js 
Javascript :: js count char frequency in string 
Javascript :: removeeventlistener click 
Javascript :: js object contains key 
Javascript :: call ajax after ajax 
Javascript :: redirect to download javascript 
Javascript :: CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor 
Javascript :: node.js name of file 
Javascript :: javascript how to get subarray 
Javascript :: send mail in node js without password 
Javascript :: jquery is emptyobjec 
Javascript :: generator function fibonacci 
Javascript :: jquery filter data 
Javascript :: get list of all attributes jqery 
Javascript :: how to check string uppercase or lowersace using regex javascript 
Javascript :: javascript redirection 
Javascript :: NODEJS ES6 STRING TO BASE64 
Javascript :: capitalize first carater js 
Javascript :: js array get index 
Javascript :: Is date greater than 18 years old javascript 
Javascript :: media query in jsx 
Javascript :: javaScript getDay() Method 
Javascript :: parse data from url javascript 
Javascript :: firefox freeze page 
Javascript :: javascript find the second highest Element from array 
ADD CONTENT
Topic
Content
Source link
Name
1+1 =