RtkUIProvider

包裹会议 UI 的上下文提供者（Context provider）组件。提供 SafeAreaView、状态管理和返回按钮处理。必须包裹所有 Rtk UI 组件。

属性

属性	类型	必填	默认值	描述
`children`	`ReactNode`	✅	-	要包裹的子组件

使用示例

基本用法

import {
	RtkUIProvider,
	RtkMeeting,
} from "@cloudflare/realtimekit-react-native-ui";

function App() {
	return (
		<RtkUIProvider>
			<RtkMeeting meeting={meeting} />
		</RtkUIProvider>
	);
}

带有属性

import {
	RtkUIProvider,
	RtkGrid,
	RtkControlbar,
	RtkHeader,
} from "@cloudflare/realtimekit-react-native-ui";

function App() {
	return (
		<RtkUIProvider>
			<RtkHeader meeting={meeting} />
			<RtkGrid meeting={meeting} />
			<RtkControlbar meeting={meeting} />
		</RtkUIProvider>
	);
}