@cloudflare/realtimekit-react-native-ui

实时 Kit React 本地用户界面

创建实时通信应用程序的一套 React Endern UI 组件
探索文件“

• 妇女 报告错误 • 妇女 请求特性

目录

• 开始
• 使用量
• 关于

开始

首先,你需要安装 @cloudflare/ realtimekit-resact-native-ui (英语) 与《京都议定书》 @ cloudflare/ realtimekit- react-native (英语) 软件包 :

npm i @cloudflare/realtimekit-react-native-ui @cloudflare/realtimekit-react-native

这个 @cloudflare/realtimekit-react-native 软件包是一个软件包,它通过与我们的服务器交互处理会议所需的所有低等逻辑。 使用它创建会话对象,您可以将它传递给UI Kit组件.

安装所需的设备 本地语言 依赖关系

npm install @cloudflare/react-native-webrtc @react-native-documents/picker react-native-file-viewer react-native-fs react-native-sound-player react-native-webview

安装这些 所需经费 根据您 react-native 版本

• react-native-safe-area-context

  • 反应-内在反应(qq 0.74/0.84.1+建议) 数字 :

    npm install react-native-safe-area-context@^5.0.0
    

• react-native-svg

  • 跟着 安装指令 用于反应-内生-svg.

  • npm install react-native-svg@<compatible-version>
    

使用量

这是你们需要执行的一系列步骤:

• 设置 RealtimeKitProvider这提供了向所有儿童提供聚会对象和其他数据的背景.
• 设置 RtkUIProvider这为儿童部件提供了设计系统.
• 初始化实时Kit客户端 。 使用 useRealtimeKitClient() 钩子和 initMeeting 以初始化客户端.
• 将会议对象传递给UI Kit,它将用来取回会议信息并在用户界面上显示.

import React, { useEffect } from 'react';
import { RealtimeKitProvider, useRealtimeKitClient } from '@cloudflare/realtimekit-react-native';
import { RtkUIProvider, RtkMeeting, RtkWaitingScreen } from '@cloudflare/realtimekit-react-native-ui';

export default function App() {
  const [meeting, initMeeting] = useRealtimeKitClient();

  useEffect(() => {
    const init = async () => {
      initMeeting({
        authToken: '<auth-token>',
        defaults: {
          audio: true,
          video: true,
        },
      });
    };
    init();
  }, []);

  return (
    <RealtimeKitProvider value={meeting}>
      <RtkUIProvider>
        { !meeting ? 
          <RtkWaitingScreen /> : 
          <RtkMeeting meeting={meeting} showSetupScreen={true} iOSScreenshareEnabled={true} />
        }
      </RtkUIProvider>
    </RealtimeKitProvider>
  );
}

欲了解更多实例,请参见: 文档

关于

@cloudflare/realtimekit-react-native-ui 由Cloudflare公司创建和维护.

Cloudflare的名字和标志是Cloudflare股份有限公司的商标.