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


import * as React from 'react';
import { Avatar } from 'react-native-paper';

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


Type: ImageSourcePropType | ((props: { size: number }) => React.ReactNode)

Image to display for the Avatar. It accepts a standard React Native Image source prop Or a function that returns an Image.

Type: number
Default value: 64

Size of the avatar.

Type: ImageProps['onError']

Invoked on load error.

Type: ImageProps['onLayout']

Invoked on mount and on layout changes.

Type: ImageProps['onLoad']

Invoked when load completes successfully.

Type: ImageProps['onLoadEnd']

Invoked when load either succeeds or fails.

Type: ImageProps['onLoadStart']

Invoked on load start.

Type: ImageProps['onProgress']

Invoked on download progress.

Type: ThemeProp
Edit this page