RtkPluginMain
Renders an active plugin by loading plugin.component.src in a WebView. Includes a header bar with the plugin name, a fullscreen toggle, and an optional close button (shown when plugin.permissions.canDeactivate is true). Pressing close calls plugin.deactivate().
Properties
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
meeting |
RealtimeKitClient |
✅ | - | The RealtimeKit meeting instance |
plugin |
RTKPlugin |
✅ | - | The plugin to render |
iconPack |
IconPack |
❌ | defaultIconPack |
Custom icon pack |
Usage Examples
Basic Usage
import { RtkPluginMain } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return <RtkPluginMain meeting={meeting} plugin={activePlugin} />;
}
With Properties
import { RtkPluginMain } from "@cloudflare/realtimekit-react-native-ui";
function MyComponent() {
return (
<RtkPluginMain
meeting={meeting}
plugin={activePlugin}
iconPack={customIconPack}
/>
);
}
这篇文档对你有帮助吗?
谢谢你的反馈!