RtkScreenshareView

参加者の画面共有を、フルスクリーン切り替え、ネームタグ、音声インジケーター付きで描画します。

プロパティ

プロパティ	型	必須	デフォルト	説明
`participant`	`RTKParticipant`	✅	-	画面を共有している参加者
`meeting`	`RealtimeKitClient`	✅	-	RealtimeKit のミーティングインスタンス
`hideFullScreenButton`	`boolean`	❌	`false`	フルスクリーン切り替えボタンを非表示にします
`iconPack`	`IconPack`	❌	`defaultIconPack`	カスタムアイコンパック
`nameTagPosition`	`'bottom-center' \| 'bottom-left' \| 'bottom-right' \| 'top-center' \| 'top-left' \| 'top-right'`	❌	`'bottom-left'`	ネームタグオーバーレイの位置
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	`'sm'`	サイズのバリアント
`variant`	`'gradient' \| 'solid'`	❌	`'solid'`	見た目のスタイルバリアント
`t`	`RtkI18n`	❌	-	i18n 翻訳関数

使用例

基本的な使い方

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

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

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

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

function MyComponent() {
	return (
		<RtkScreenshareView
			participant={participant}
			meeting={meeting}
			nameTagPosition="bottom-left"
			variant="solid"
			size="md"
		/>
	);
}