A set of React Native UI components to create realtime communication applications
Explore the docs »
View Demo
·
Report Bug
·
Request Feature
First, you will need to install the ui-kit along with the react-native-core package:
npm i @dytesdk/react-native-ui-kit @dytesdk/react-native-core
The @dytesdk/react-native-core
package is the package which handles all the low level logic required for a meeting by interating with our servers. Use it to create a meeting object, which you can pass along to the UI Kit components.
Use the useDyteClient()
hook to initialize a client
function App() {
const [client, initClient] = useDyteClient();
useEffect(() => {
initClient({
authToken: '<auth-token>',
roomName: '<room-name>',
defaults: {
audio: true,
video: true,
},
});
},[])
return (
<DyteProvider>
<DyteUIProvider>
<DyteMeeting meeting={client} />
</DyteUIProvider>
</DyteProvider>
);
}
react-nativeui-kit
is created & maintained by Dyte, Inc. You can find us on Twitter - @dyte_io or write to us at dev [at] dyte.io
.
The names and logos for Dyte are trademarks of Dyte, Inc.
We love open source software! See our other projects and our products.