React Native component for Avataaars
A thin wrapper on top of React component for Avataaars, developed by Fang-Pen Lin, which is the React component for Avataaars. This package allow you to use React component for Avataaars in React Native!
Features
- Just like React component for Avataaars but can be used in React Native Project
Usage
yarn add react-native-avataaars
or
npm install react-native-avataaars --save
...import Avatar from "react-native-avataaars";... const YourComponent = <Avatar = ="Circle" ="ShortHairShortRound" ="Prescription02" ="Black" ="Blank" ="BlazerShirt" ="Happy" ="Default" ="Default" ="Light" />
You may also use the Piece Element.
...import Piece from "react-native-avataaars";... const YourComponent = <ScrollView> <Piece ="mouth" ="100" ="Eating" /> <Piece ="eyes" ="100" ="Dizzy" /> <Piece ="eyebrows" ="100" ="RaisedExcited" /> <Piece ="accessories" ="100" ="Round" /> <Piece ="top" ="100" ="LongHairFro" ="Red" /> <Piece ="facialHair" ="100" ="BeardMajestic" /> <Piece ="clothe" ="100" ="Hoodie" ="Red" /> <Piece ="graphics" ="100" ="Skull" /> <Piece ="skin" ="100" ="Brown" /> </ScrollView>
Credit
Credit to Fang-Pen Lin making such amazing package and shout out to Shiva Nandan, creator of react-native-remote-svg. You two make this package possible!