跳转到内容
搜索文档

RtkAvatar

最后更新 查看 MarkdownAgent 设置

显示参会者的头像图片或基于姓名首字母的备用头像。

属性

属性 类型 是否必填 默认值 描述
participant RTKParticipant | RTKSelf - 要显示其头像的参会者
iconPack IconPack defaultIconPack 自定义图标包
size 'lg' | 'md' | 'sm' | 'xl' 'sm' 头像的尺寸
variant 'circular' | 'hexagon' | 'square' 'circular' 头像的形状变体

使用示例

基本用法

import { RtkAvatar } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkAvatar participant={participant} />;
}

带属性用法

import { RtkAvatar } from "@cloudflare/realtimekit-react-native-ui";

function MyComponent() {
	return <RtkAvatar participant={participant} size="lg" variant="circular" />;
}

这篇文档对您有帮助吗?