RtkMeeting

一个渲染整个会议 UI 的单个组件。它会加载您的预设并基于其渲染 UI。使用此组件，您无需处理所有状态、对话框以及管理应用程序的其他较小细节。

属性

属性	类型	必填	默认值	描述
`applyDesignSystem`	`boolean`	✅	-	是否从配置将设计系统应用到文档根目录
`config`	`UIConfig`	✅	-	UI 配置
`gridLayout`	`GridLayout1`	✅	-	网格布局
`iconPack`	`IconPack`	❌	`defaultIconPack`	图标包
`leaveOnUnmount`	`boolean`	✅	-	当此组件卸载时，参与者是否应该离开
`loadConfigFromPreset`	`boolean`	✅	-	是否从预设加载配置
`meeting`	`Meeting`	✅	-	Meeting 对象
`mode`	`MeetingMode`	✅	-	填充类型
`overrides`	`Overrides`	❌	`defaultOverrides`	UI Kit 覆盖
`showSetupScreen`	`boolean`	✅	-	是否显示设置屏幕
`size`	`Size`	✅	-	尺寸
`t`	`RtkI18n`	❌	`useLanguage()`	语言

使用示例

基本用法

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

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

带有属性

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

function MyComponent() {
  return (
    <RtkMeeting
      applyDesignSystem={true}
      config={defaultUiConfig}
      gridLayout={gridlayout1}
    />
  );
}