RtkNameTag

参加者の名前と、任意の子コンテンツ（オーディオビジュアライザーのアイコンなど）を表示します。参加者タイルのオーバーレイとして使います。

プロパティ

プロパティ	型	必須	デフォルト	説明
`participant`	`Peer`	✅	-	名前を表示する参加者
`meeting`	`RealtimeKitClient`	❌	-	RealtimeKit のミーティングインスタンス（自分自身の識別に使用）
`isScreenshare`	`boolean`	❌	`false`	画面共有用のネームタグかどうか
`maxLength`	`number`	❌	`20`	ネームタグの最大幅オフセット
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	`'sm'`	テキストサイズ
`t`	`RtkI18n`	❌	-	i18n 翻訳関数
`children`	`ReactNode`	❌	-	名前の前に描画するコンテンツ

使用例

基本的な使い方

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

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

プロパティを指定する場合

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

function MyComponent() {
	return (
		<RtkNameTag
			participant={participant}
			meeting={meeting}
			size="md"
			maxLength={25}
		/>
	);
}