
Product
Introducing Socket Fix for Safe, Automated Dependency Upgrades
Automatically fix and test dependency updates with socket fix—a new CLI tool that turns CVE alerts into safe, automated upgrades.
agora-rn-uikit
Advanced tools
Agora react native UI KIT. Rapidly integrate video calling into your React Native application with built in UI Elements.
Instantly integrate Agora video calling or streaming into your React Native application.
Expo is supported using custom-dev-clients, for more information read this blog post
To a react-native application generated using react-native-cli, add the following:
npm i react-native-agora agora-react-native-rtm agora-rn-uikit
This VideoUIKit is very simple to use and contains a high level component called AgoraUIKit
. You can check out code explanation here.
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 connectionData = {
appId: '<Agora App ID>',
channel: 'test',
};
const rtcCallbacks = {
EndCall: () => setVideoCall(false),
};
return videoCall ? (
<AgoraUIKit connectionData={connectionData} rtcCallbacks={rtcCallbacks} />
) : (
<Text onPress={()=>setVideoCall(true)}>Start Call</Text>
);
};
export default App;
Replace the '<Agora App ID>'
with your own appID.
If you created the Agora App in secured mode, you'll need to pass in an rtcToken
and an rtmToken
to the connectionData
prop. Alternatively, you can deploy the one-click token server and pass in the tokenUrl
, the UIKit then automatically fetches and manages the tokens.
There's a React Native VideoUIKit demo here, and one with typescript here.
adb devices
to verify if the device is connected npm start
– This will start the development server npm run android
- This will deploy the app on the Android device. (Now, the app will connect our development server)npx pod-install
to download the necessary pods..xcworkspace
file located in ios
folder using XCode.For full documentation, see our docs page.
You can visit the wiki for other examples and in depth guide.
FAQs
Agora react native UI KIT. Rapidly integrate video calling into your React Native application with built in UI Elements.
The npm package agora-rn-uikit receives a total of 477 weekly downloads. As such, agora-rn-uikit popularity was classified as not popular.
We found that agora-rn-uikit demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Automatically fix and test dependency updates with socket fix—a new CLI tool that turns CVE alerts into safe, automated upgrades.
Security News
CISA denies CVE funding issues amid backlash over a new CVE foundation formed by board members, raising concerns about transparency and program governance.
Product
We’re excited to announce a powerful new capability in Socket: historical data and enhanced analytics.