Agora React Native UI KIT

Agora React Native UI KIT

  • Docs
  • API Reference
  • GitHub

›Getting started

Getting started

  • Installing the UIKit
  • Writing a basic application
  • Customizing the UI-Kit
  • List of Style Props

Writing a basic application


Add the following to your App.js

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 = {
    onEndCall: () => setVideoCall(false)
  }
  return (
    videoCall ?
      <AgoraUIKit rtcProps={rtcProps} callbacks={callbacks} /> :<></>
  );
};

export default App;
← Installing the UIKitCustomizing the UI-Kit →
Agora React Native UI KIT
Docs
Getting Started (or other categories)Guides (or other categories)API Reference (or other categories)
Community
User ShowcaseStack OverflowProject ChatTwitter
More
BlogGitHubStar