跳转到内容
搜索文档

RtkDialogManager

最后更新 查看 MarkdownAgent 设置

管理并渲染用于离开确认、设置、加入舞台确认以及权限消息的模态对话框。

属性

属性 类型 是否必填 默认值 描述
meeting RealtimeKitClient - RealtimeKit 会议实例
config UIConfig defaultConfig UI 配置对象
iconPack IconPack defaultIconPack 自定义图标包
size 'lg' | 'md' | 'sm' | 'xl' - 尺寸变体
states States - UI 状态对象
t RtkI18n - i18n 翻译函数
onRtkStateUpdate (e) => void () => \{\} UI 状态改变时的回调函数

使用示例

基本用法

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

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

带属性用法

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

function MyComponent() {
	return (
		<RtkDialogManager
			meeting={meeting}
			config={customConfig}
			size="md"
			onRtkStateUpdate={(e) => handleStateUpdate(e)}
		/>
	);
}

这篇文档对您有帮助吗?