CometChat Expo UI Kit

⚠️This is an unofficial project, we do not have anything to do with CometChat, we just needed the kit for Expo, so there you are

CometChat Expo UI Kit is a collection of custom UI Components designed to build text chat and voice/video calling features in your application.

The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly.

Prerequisites

Before you begin, ensure you have met the following requirements:

A text editor. (e.g. Visual Studio Code, Notepad++, Sublime Text, Atom, or VIM)
Node
npm
Expo

Installing CometChat React Native UI Kit

1. Setup 🛠

To install React-Native UI Kit, you need to first register on CometChat Dashboard. Click here to sign up

i. Get your Application Keys 🔑

Create a new app
Head over to the Quick Start or API & Auth Keys section and note the App ID, Auth Key, and Region.

ii. Add the CometChat Dependency

 npm install expo cometchat-expo-ui-kit

2. Use the library

i. Initialize CometChat 🌟

import CometChatUI from "cometchat-expo-ui-kit";

export const App = () => {
  return <CometChatUI appId={"APP_ID"} region={"REGION"} authKey={"AUTH_KEY"} uid={"UID_OF_THE_CURRENT_USER"} />
}

Note:

Replace APP_ID, AUTH_KEY and REGION with your CometChat App ID, Auth Key and Region in the above code.

Your user now automatically logged in.

Roadmap

[x] List conversations
[x] List messages
[x] Send / Receive messages
[ ] Send / receive calls
[x] List friends

Troubleshooting

To read the full documentation on UI Kit integration visit CometChat's Documentation.
Facing any issues while integrating or installing the UI Kit please connect with them via real time support present in CometChat Dashboard.

Contact 📫

Either contact CometChat directly via the real time support present in CometChat Dashboard.