RtkImageViewer

チャット画像向けの、全画面切り替えとダウンロード機能を備えた画像ビューアーです。

プロパティ

プロパティ	型	必須	デフォルト	説明
`image`	`any`	✅	-	画像メッセージオブジェクト
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	-	サイズのバリアント
`iconPack`	`IconPack`	❌	`defaultIconPack`	カスタムアイコンパック
`t`	`RtkI18n`	❌	-	i18n 翻訳関数
`isContinued`	`boolean`	❌	`false`	同じ送信者からの続きのメッセージかどうか
`_id`	`string \| number`	❌	-	全画面表示の追跡用の一意な識別子

使用例

基本的な使い方

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

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

プロパティを指定する場合

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

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