Avatar View Source

The avatar component renders either an Icon or Image within circular container.

If a image and icon are both supplied, the image 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