Back to React Native Paper

Avatar.Text

docs/public/4.0/avatar-text.html

5.15.1873 B
Original Source

Avatar.Text

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

Usage

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

const MyComponent = () => (
  <Avatar.Text size={24} label="XD" />
);

Props

label (required) Type: string

Initials to show as the text in the Avatar.

size Type: number

Default value: 64

Size of the avatar.

color Type: string

Custom color for the text.

style Type: StyleProp<ViewStyle>

Style for text container

labelStyle Type: StyleProp<TextStyle>

Style for the title.

theme Type: ReactNativePaper.Theme

Edit this page