RtkImageMessage

Renders an image message in chat with loading indicator and fullscreen support.

Properties

Property	Type	Required	Default	Description
`message`	`any`	✅	-	The image message object with link property
`iconPack`	`IconPack`	❌	`defaultIconPack`	Custom icon pack
`isContinued`	`boolean`	❌	`false`	Whether this message continues from the same sender
`now`	`Date`	❌	`new Date()`	Current time for relative timestamps
`t`	`RtkI18n`	❌	-	i18n translation function

Usage Examples

Basic Usage

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

function MyComponent() {
  return <RtkImageMessage message={imageMessage} />;
}

With Properties

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

function MyComponent() {
  return (
    <RtkImageMessage
      message={imageMessage}
      isContinued={false}
      now={new Date()}
    />
  );
}