@dytesdk/react-native-ui-kit
TypeScript icon, indicating that this package has built-in type declarations

1.9.5 • Public • Published

Logo

React Native UI Kit by dyte

A set of React Native UI components to create realtime communication applications
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

Getting Started

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.

Usage

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>
  );
}

About

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.

Package Sidebar

Install

npm i @dytesdk/react-native-ui-kit

Weekly Downloads

152

Version

1.9.5

License

none

Unpacked Size

3.38 MB

Total Files

626

Last publish

Collaborators

  • dyteindia