React Native - Overview
Updated
You can integrate Live Chat into your brand’s React Native mobile application to provide real-time chat support for your customers. Sprinklr offers a comprehensive Live Chat Mobile SDK to enable this functionality.
Live Chat SDK Version
Current Release: 11.0.0
Supported Versions: Starting August 2025, Live Chat SDK versions 7.0.0 and above are supported.
Note: Starting August 2025, Live Chat SDK 6.2.0 and lower versions will be deprecated. We recommended upgrading to versions 7.0.0 or higher for continued support.
Compatibility
The following table lists the compatible framework and platform versions:
Framework or Platform | Version |
React Native | Version ≥ 0.70.0 |
Android | Minimum SDK version ≥ 24 |
iOS | Minimum iOS version ≥ 15.1 |
Gradle | No restrictions (depends on the React Native version used) |
Xcode | No restrictions (depends on the React Native version used) |
App Size Impact
The increase in app size after integrating the Live Chat SDK depends on the platform and framework. Integrating the Live Chat SDK will increase your app size approximately by:
iOS: ~8MB
Android: ~7MB
Note: The final size may vary based on customizations of peer dependencies.
Integration Steps
The Live Chat SDK integration for React Native involves the following key steps:
1. Install Live Chat SDK and Peer Dependencies: Add the Live Chat SDK package and any required peer dependencies to your project. If you're already using a library similar to a peer dependency, you can inject your own custom implementation. For details, see Customizing Peer Dependencies.
2. Set Up Live Chat Messenger: Link the Sprinklr Messenger module to your React Native project. Configure necessary permissions such as media sharing, video calling, location access, and push notifications.
3. Initialize Sprinklr Live Chat: The takeOff method is used to initialize the Sprinklr Live Chat in your React Native app. This step prepares Live Chat to work based on the type of user using your app.
4. Launch Live Chat Messenger: Define when and how the Messenger interface appears within your app’s UI.
5. Configure Live Chat: Customize the chat experience using available methods to align the Messenger with your brand and optimize customer interactions.
Advanced Configuration
Now that Live Chat is integrated, you can enhance the user experience further by enabling advanced features:
Enable Live Chat Logger: Set up logging and event monitoring to improve debugging, observability, and real-time tracking of chat activities.
Enable Push Notifications: Configure push notifications to ensure users receive real-time updates even when the app is in the background or closed.
Enable In-App Notifications: Display real-time message alerts as banners within the app while it is in the foreground.
Troubleshooting
Refer to the Troubleshooting section to resolve common challenges when integrating and running the Live Chat SDK effectively.