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} |