跳转到内容
搜索文档

RtkHeader

最后更新 查看 MarkdownAgent 设置

会议顶部栏,使用声明式 UI 配置系统渲染 Logo、标题、参与者数量、时钟及其他头部元素。

属性

属性 类型 必填 默认值 描述
meeting RealtimeKitClient - RealtimeKit 会议实例
config UIConfig defaultConfig UI 配置对象
iconPack IconPack - 自定义图标包
states States - UI 状态对象
t RtkI18n - i18n 翻译函数

使用示例

基本用法

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

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

带属性用法

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

function MyComponent() {
	return <RtkHeader meeting={meeting} config={customConfig} states={states} />;
}

这篇文档对您有帮助吗?