Logo

Avatar.Image

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

Usage

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

Props

source (required)
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.

size
Type: number
Default value: 64

Size of the avatar.

style
Type: StyleProp<ViewStyle>
theme
Type: ReactNativePaper.Theme
Edit this page