RtkDialog

带有可选关闭按钮的模态对话框覆盖层组件。

属性

属性	类型	是否必填	默认值	描述
`children`	`ReactNode`	✅	-	对话框内容
`meeting`	`RealtimeKitClient`	✅	-	RealtimeKit 会议实例
`onRtkDialogClose`	`any`	✅	-	对话框关闭时的回调函数
`config`	`UIConfig`	❌	`defaultConfig`	UI 配置对象
`hideCloseButton`	`boolean`	❌	`false`	隐藏关闭按钮
`open`	`boolean`	❌	-	对话框是否可见
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	-	尺寸变体
`states`	`States`	❌	-	UI 状态对象
`iconPack`	`IconPack`	❌	`defaultIconPack`	自定义图标包
`t`	`RtkI18n`	❌	-	i18n 翻译函数

使用示例

基本用法

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

function MyComponent() {
	return (
		<RtkDialog meeting={meeting} onRtkDialogClose={() => setOpen(false)}>
			<Text>Dialog content</Text>
		</RtkDialog>
	);
}

带属性用法

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

function MyComponent() {
	return (
		<RtkDialog
			meeting={meeting}
			open={isOpen}
			onRtkDialogClose={() => setOpen(false)}
			hideCloseButton={false}
			size="md"
		>
			<Text>Dialog content</Text>
		</RtkDialog>
	);
}