priyank2005/reactnative-uikit

UI Kit for the Agora Video React Native SDK

Agora React Native UIKit

Rapidly integrate video calling into your React Native applications with built in UI Elements.

Getting started

Installation

To a react-native application generated using react-native-cli, add the following:

npm i react-native-agora agora-rn-uikit

Usage

This UIKit is very simple to use and contains a high level component called AgoraUIKit.

A simple sample app integrating Agora UI Kit:

import React, { useState } from 'react';
import AgoraUIKit from 'agora-rn-uikit';

const App = () => {
  const [videoCall, setVideoCall] = useState(true);
  const rtcProps = {
    appId: '<-----App ID here----->',
    channel: 'test',
  };
  const callbacks = {
    EndCall: () => setVideoCall(false),
  };
  return videoCall ? (
    <AgoraUIKit rtcProps={rtcProps} callbacks={callbacks} />
  ) : (
    <></>
  );
};

export default App;