RtkImageViewer

Image viewer with fullscreen toggle and download functionality for chat images.

Properties

Property	Type	Required	Default	Description
image	any	✅	-	The image message object
size	'lg' | 'md' | 'sm' | 'xl'	❌	-	Size variant
iconPack	IconPack	❌	defaultIconPack	Custom icon pack
t	RtkI18n	❌	-	i18n translation function
isContinued	boolean	❌	false	Whether this message continues from the same sender
_id	string | number	❌	-	Unique identifier for fullscreen tracking

Usage Examples

Basic Usage

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

function MyComponent() {
  return <RtkImageViewer image={imageMessage} />;
}

With Properties

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

function MyComponent() {
  return <RtkImageViewer image={imageMessage} size="md" _id="viewer-1" />;
}