/react-native-dynamic-vector-icons

Wrapper of react-native-vector-icons to use dynamic types

Primary LanguageTypeScriptMIT LicenseMIT

React Native Bottom Bar

Battle Tested ✅

Wrapper of react-native-vector-icons to use dynamic types

npm version npm expo-compatible License: MIT

Installation

Add the dependency:

Pure React Native:

npm i react-native-dynamic-vector-icons

Expo Version:

"react-native-dynamic-vector-icons": "WrathChaos/react-native-dynamic-vector-icons#expo"

Peer Dependencies

IMPORTANT! You need install them.
"react": ">= 16.x",
"react-native": ">= 0.55.x",
"react-native-vector-icons": ">= 6.x.x"

Import

import Icon from "react-native-dynamic-vector-icons";

Basic Usage

<Icon name="github" type="AntDesign" size={30} color="purple" onPress={() => {}} />

Bundled Icon Sets

Browse all.

Configuration - Props

Property Type Default Description
style style style use this to change the Icon's style
name string null use this to change icon's itself
type string null set the icon's type
size number null changes the icon's size
color color null use this to change icon's color
onPress function undefined use this to set the icon's onPress functionality

Credits

Special thanks to oblador, react-native-vector-icons to make a great icon library :) This library is a little wrapper for react-native-vector-icons to make their icon type dynamically.

Author

FreakyCoder, kurayogun@gmail.com

License

React Native Dynamic Vector Icons Library is available under the MIT license. See the LICENSE file for more info. )