RtkDialogManager

退出確認、設定、ステージ参加の確認、権限メッセージ向けのモーダルダイアログを管理して描画します。

プロパティ

プロパティ	型	必須	デフォルト	説明
`meeting`	`RealtimeKitClient`	✅	-	RealtimeKit のミーティングインスタンス
`config`	`UIConfig`	❌	`defaultConfig`	UI 設定オブジェクト
`iconPack`	`IconPack`	❌	`defaultIconPack`	カスタムアイコンパック
`size`	`'lg' \| 'md' \| 'sm' \| 'xl'`	❌	-	サイズのバリアント
`states`	`States`	❌	-	UI 状態オブジェクト
`t`	`RtkI18n`	❌	-	i18n 翻訳関数
`onRtkStateUpdate`	`(e) => void`	❌	`() => \{\}`	UI の状態が変わったときに呼ばれるコールバック

使用例

基本的な使い方

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

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

プロパティを指定する場合

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

function MyComponent() {
	return (
		<RtkDialogManager
			meeting={meeting}
			config={customConfig}
			size="md"
			onRtkStateUpdate={(e) => handleStateUpdate(e)}
		/>
	);
}