Avatar View Source
The avatar component renders either an Icon or Image within circular container.
If a
image
andicon
are both supplied, theimage
will 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 |