rn-bot v1.9.0

rn-bot

Integrate YourGPT Chatbot seamlessly into your react-native application.

Installation

You need react native webview for this to work

1. Add rn-bot to your dependencies

$ npm i rn-bot

2. Link native dependencies

iOS & macOS:

If using CocoaPods, in the ios/ or macos/ directory run:

$ pod install

Android:

Please make sure AndroidX is enabled in your project by editing android/gradle.properties and adding 2 lines:

android.useAndroidX=true
android.enableJetifier=true

Usage

You can get your project_id and widget_id from https://yourgpt.ai/chatbot

// In app.tsx
import React from 'react';
import {SafeAreaView, View} from 'react-native';
import YourGPTProvider from 'rn-bot';

function App(): JSX.Element {
  return (
    <SafeAreaView style={{flex: 1}}>
      <YourGPTProvider projectId="Your_Project_Id" widgetId="Your_Widget_Id">
          // SOME CODE HERE
      </YourGPTProvider>
    </SafeAreaView>
  );
}

export default App;

// In components/OpenBot.tsx
import React from 'react';
import {Button} from 'react-native';
import {useYourGPT} from 'rn-bot';

export default function OpenBot() {
  const {open} = useYourGPT();

  return <Button onPress={open} title="Open Bot" />;
}

API

Props

Props which will be passed in <YourGPTProvider>

Methods

All the methods which you can get from useYourGPT hook.