跳转到内容
搜索文档

RtkChat

最后更新 查看 MarkdownAgent 设置

完整的聊天界面,支持消息列表、文本输入、图片/文件上传以及置顶消息。

属性

属性 类型 是否必填 默认值 描述
meeting RealtimeKitClient - RealtimeKit 会议实例
config UIConfig defaultConfig UI 配置对象
iconPack IconPack defaultIconPack 自定义图标包
size 'lg' | 'md' | 'sm' | 'xl' 'sm' 尺寸变体
t RtkI18n - i18n 翻译函数

使用示例

基本用法

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

function MyComponent() {
	return <RtkChat meeting={meeting} />;
}

带属性用法

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

function MyComponent() {
	return <RtkChat meeting={meeting} size="md" config={customConfig} />;
}

这篇文档对您有帮助吗?