Avatar

Displays participant image and/or name. Falls back to name display when no image is provided. Use in video calls, user lists, profiles, and more.

General usage

import { Avatar, useLocalParticipant } from "@stream-io/video-react-native-sdk";

export function AvatarExample() {
  const localParticipant = useLocalParticipant();
  return <Avatar size={80} participant={localParticipant} />;
}

Props

`participant`

Type
`StreamVideoParticipant`

The participant object to display.

`size`

Type	Default Value
`number` \| `undefined`	100

Avatar dimensions (width and height) in pixels.

`style`

Type
`{container:ViewStyle; image:ImageStyle; text: TextStyle}`

ParticipantView

Custom Label