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