Avatar.Image
Avatar.Image components render a pre-styled avatar with a image which can easily be re-style by using props.
Implementation code
import { Avatar } from 'rn-nativeflow';
const Component = () => {
return (
<Avatar.Image
size={60}
source={require('./example.jpg')}
// source={{uri: 'https://www.xyz.com/user.jpg'}} or you can use like this
/>
);
}
export default Component;
Props
Prop | Type | Default | Description |
---|---|---|---|
size | number | 60 | Set the size of the avatar |
source | object | Set the image source bu using require('') or {uri: ''} | |
bg | string | It sets the background color of the avatar | |
containerStyle | object | Used to restyle the image container | |
imageStyle | object | Used to restyle the image |