RtkHeader
The meeting header bar that renders logo, title, participant count, clock, and other header elements using the declarative UI config system.
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
meeting |
RealtimeKitClient |
✅ | - | The RealtimeKit meeting instance |
config |
UIConfig |
❌ | defaultConfig |
UI configuration object |
iconPack |
IconPack |
❌ | - | Custom icon pack |
states |
States |
❌ | - | UI state object |
t |
RtkI18n |
❌ | - | i18n translation function |
Usage Examples
Basic Usage
import { RtkHeader } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkHeader meeting={meeting} />;
}
With Properties
import { RtkHeader } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkHeader meeting={meeting} config={customConfig} states={states} />;
}
这篇文档对你有帮助吗?
谢谢你的反馈!