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"
		/>
	);
}