React Native Gravatar is a simple component that loads the avatar with an option to mask it with a circle, rounded or square shape.
npm install react-native-avatar-gravatar
import Gravatar from 'react-native-avatar-gravatar';
class Application extends Component {
render () {
return (
<Gravatar emailAddress="robin02+npm@gmail.com" size={300} mask="circle" />
)
}
})| Prop | Default | Type | Description |
|---|---|---|---|
| emailAddress | '' | string |
Email address for gravatar, if not provided uses default image for gravatar |
| size | 60 | number |
Size for the gravatar image |
| mask | 'circle' | number |
Mask for the gravatar image. One of - 'circle', 'square', 'rounded' |
| defaultImage | 'retro' | string |
default image if no email address. One of - '404', 'mm', 'identicon', 'monsterid', 'wavatar', 'retro', 'robohash', 'blank' |
| resizeMode | 'contain' | string |
resizeMode for the gravatar image |