RtkMeeting

顶级会议组件，用于协调整个会议 UI。管理会议生命周期（idle、setup、joined、ended、waiting 状态），应用设计系统，处理加入/离开房间的事件，并渲染相应的屏幕。使用该组件，您无需处理所有状态、对话框以及管理应用程序的其他琐碎部分。

属性

属性	类型	必填	默认值	描述
`meeting`	`RealtimeKitClient`	✅	-	RealtimeKit 会议实例
`applyDesignSystem`	`boolean`	❌	`true`	是否应用会议配置中的预设设计系统颜色
`config`	`UIConfig`	❌	`defaultConfig`	UI 配置对象
`iconPackUrl`	`string`	❌	`''`	用于获取自定义图标包的 URL
`showSetupScreen`	`boolean`	❌	`true`	是否在加入前显示设置/预览屏幕
`iOSScreenshareEnabled`	`boolean`	❌	`false`	开启 iOS 上的屏幕共享（需要额外的原生设置）
`t`	`RtkI18n`	❌	-	i18n 翻译函数

使用示例

基本用法

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

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

带有属性

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

function MyComponent() {
	return (
		<RtkMeeting
			meeting={meeting}
			applyDesignSystem={true}
			showSetupScreen={true}
			iOSScreenshareEnabled={false}
		/>
	);
}