cometchat sample app react native

React Native Sample App by CometChat

This is a reference application showcasing the integration of CometChat's React Native UI Kit in React Native. It offers developers practical examples for incorporating real-time messaging, as well as voice and video calling functionalities, into their React Native-based applications.

React Native: iOS

---

React Native: Android

Prerequisites

• Ensure that you have the React Native development environment set up.
  • Follow instructions for your environment at https://reactnative.dev/docs/environment-setup
• Sign up for a CometChat account to get your app credentials: App ID, Region, and Auth Key

Installation

1. Clone the repository:

   • Using HTTPS

     git clone https://github.com/cometchat/cometchat-sample-app-react-native.git
     

2. Navigate to the cloned directory:

   cd cometchat-sample-app-react-native
   

3. Install dependencies:

   npm install
   

4. For iOS, install dependencies after navigating to ios:

     cd ios
     pod install

5. Enter your CometChat App ID, Region, and Auth Key in the AppConstants.ts file:

   cometchat-sample-app-react-native/AppConstants.ts

   Lines 1 to 5 in f2910c2

   	export const AppConstants = {
   	APP_ID: 'xxxxxxxxxxxxx', // Enter your App ID
   	REGION: 'xx', // Enter your App Region
   	AUTH_KEY: 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx', // Enter your App Auth Key
   	}

6. If your app is created before August 12th, 2024 then change the sample data URL to https://assets.cometchat.io/sampleapp/v1/sampledata.json in the src/components/login/Login.tsx file:

   cometchat-sample-app-react-native/src/components/login/Login.tsx

   Lines 20 to 22 in f2910c2

   	React.useEffect(() => {
   	fetch("https://assets.cometchat.io/sampleapp/sampledata.json")
   	.then((response) => {

7. Run the app on a device or emulator from the repo root.

   npm start
   npm run android
   npm run ios

Help and Support

For issues running the project or integrating with our UI Kits, consult our documentation or create a support ticket or seek real-time support via the CometChat Dashboard.