React Native Vector Icons Wrapper

Access all icons from a single component. No need to import every single icons groups one by one.

Installation

Please make sure you have a perfectly working "react-native-vectors-icons" package. You can follow the instructions from https://github.com/oblador/react-native-vector-icons

Use the node package manager to install.

npm install react-native-vector-icons-wrapper

Properties

Three essential props to set.

| Prop | Description | Default | | --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- | | group | Specify the which icon group will be used. ie 'FontAwesome','AntDesign' | 'FontAwesome' | | name | Icon name. ie. 'user','lock ,'check' | 'question' | | style | Styles applied to the icon. ie {fontSize:40,color:'green'} | {} |

import GlobalIcon from "react-native-vector-icons-wrapper";

<GlobalIcon group="FontAwesome" name="car" style={{fontSize: 30, color: "darkblue"}}/>
<GlobalIcon group="AntDesign" name="save" style={{fontSize: 40, color: "green"}}/>
<GlobalIcon group="Foundation" name="lock" style={{fontSize: 50, color:"black"}}/>

Contributor

Yalçın ÖZER. A fresh React Native Developer based in Denizli, TURKEY.

yalcinozer.com

License

MIT