Skip to content

非公式本サイトは非公式の日本語ドキュメントであり、Cloudflare 公式サイトではありません。最新情報はdevelopers.cloudflare.comをご確認ください。

RtkHeader

最終更新 Markdown で表示Agent セットアップ

宣言的な UI 設定システムを使って、ロゴ、タイトル、参加者数、時計などのヘッダー要素を描画するミーティングのヘッダーバーです。

プロパティ

プロパティ 必須 デフォルト 説明
meeting RealtimeKitClient - RealtimeKit のミーティングインスタンス
config UIConfig defaultConfig UI 設定オブジェクト
iconPack IconPack - カスタムアイコンパック
states States - UI の States オブジェクト
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} />;
}

役に立ちましたか?