RtkScreenshareView

Renders a participant's screen share with fullscreen toggle, name tag, and audio indicator.

Properties

Property	Type	Required	Default	Description
participant	RTKParticipant	✅	-	The participant sharing their screen
meeting	RealtimeKitClient	✅	-	The RealtimeKit meeting instance
hideFullScreenButton	boolean	❌	false	Hide the fullscreen toggle button
iconPack	IconPack	❌	defaultIconPack	Custom icon pack
nameTagPosition	'bottom-center' | 'bottom-left' | 'bottom-right' | 'top-center' | 'top-left' | 'top-right'	❌	'bottom-left'	Position of the name tag overlay
size	'lg' | 'md' | 'sm' | 'xl'	❌	'sm'	Size variant
variant	'gradient' | 'solid'	❌	'solid'	Visual style variant
t	RtkI18n	❌	-	i18n translation function

Usage Examples

Basic Usage

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

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

With Properties

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

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

Explain Code