跳转到内容
搜索文档

RtkImageViewer

最后更新 查看 MarkdownAgent 设置

聊天图片的图片查看器,支持全屏切换和下载功能。

属性

属性 类型 必填 默认值 描述
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" />;
}

这篇文档对您有帮助吗?