参加者のアバター画像、またはイニシャルによるフォールバックアバターを表示します。
| プロパティ | 型 | 必須 | デフォルト | 説明 |
|---|---|---|---|---|
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" />;
}