Skip to main content

Avatar.Image

Avatars can be used to represent people in a graphical way.

How to use

import * as React from 'react';
import {Avatar} from '@gyri/native-ui-components';

const MyComponent = () => (
<Avatar.Text size={24} source={require('../assets/avatar.png')} />
);

Props

#NameData typeDefault valueValuesDescription
1sizenumber64Size for avatar.
2label (required)stringInitials to show as the text in the Avatar.
3labelStyleStyle for the title.
4labelColorStyle for text container.

For more detail visit https://callstack.github.io/react-native-paper/docs/components/Avatar/AvatarText