Mobile App SDK

The @chatzora/react-native-sdk package provides a high-performance React Native component wrapper that handles viewport styling, authentication parameters, and direct WebView bridging to load your chatbot seamlessly on iOS and Android devices.

Installation

Install the package and its peer dependency, react-native-webview, using npm or yarn:

npm install @chatzora/react-native-sdk react-native-webview

Expo Setup

If you are using Expo, run the prebuild-compliant command to automatically resolve and link native modules:

npx expo install react-native-webview

Basic Usage

Here is a standard example of how to embed the Chatzora chatbot inside a React Native screen container:

import React from 'react';
import { SafeAreaView, StyleSheet } from 'react-native';
import { ChatzoraWidget } from '@chatzora/react-native-sdk';

export default function ChatScreen() {
  return (
    <SafeAreaView style={styles.container}>
      <ChatzoraWidget 
        botId="YOUR_BOT_ID"
        themeColor="#10b981"
        dataTitle="Chatzora Support"
      />
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
  },
});

API & Props Reference

The ChatzoraWidget component accepts the following configuration properties: