Avatar View Source
The avatar component renders either an Icon or Image within circular container.
If a
imageandiconare both supplied, theimagewill be preferred.
Usage
...
import { Avatar } from 'react-native-material-design';
render() {
return (
<View>
<Avatar image={<Image source= />} />
<Avatar icon="folder" backgroundColor="paperLime"/>
</View>
);
}
...
Props
| Prop | Type | Description | Required | Default |
|---|---|---|---|---|
| icon | string | The MaterialIcon name | false | |
| image | Image | An native Image component |
false | |
| icon | string | The Material icon name | false | |
| size | number | The width and height the avatar will be rendered at | false | 40 |
| color | string | The color of the icon | false | #ffffff |
| backgroundColor | string | The color of the avatar | false | paperGrey500 |