threadhive-react-native

ThreadHive chat for React Native — a drop-in AI support chat screen backed by your ThreadHive workspace. AI answers grounded in your help center, with hand-off to human agents.

npm install threadhive-react-native react-native-webview

(react-native-webview is a peer dependency — run pod install in ios/ after adding it.)

Usage

import { ThreadHiveChat } from "threadhive-react-native";

// Full screen (e.g. as a route in your navigator):
export function SupportScreen() {
  return <ThreadHiveChat widgetKey="wk_your_key" />;
}

Or inside a modal:

<Modal visible={open} animationType="slide" onRequestClose={() => setOpen(false)}>
  <ThreadHiveChat widgetKey="wk_your_key" />
</Modal>

Your widget key is in Dashboard → Chatbot → Install. Conversation history persists across app launches via the WebView's storage.

Props

| Prop | Type | Description | | --- | --- | --- | | widgetKey | string (required) | Your workspace widget key (wk_…). | | origin | string | ThreadHive origin. Default https://threadhive.io; self-hosted installs pass their own domain. | | style | ViewStyle | Style for the container. | | webViewProps | Partial<WebViewProps> | Extra props merged onto the underlying WebView. |

Native SDKs

Prefer a fully native UI? ThreadHive also ships native SDKs:

• iOS (Swift/SwiftUI): Threadhive-ios-SDK via Swift Package Manager
• Android (Kotlin/Compose): io.threadhive:threadhive on Maven Central

License

MIT © ThreadHive — [email protected]