React Native Document Scanner SDK
Easily add high-quality document scanning to your React Native app
Trusted by
300+
global
industry leaders
Seamless scanning for all users
With our React Native SDK, both tech-savvy and non-tech-savvy users can create perfect scans thanks to user guidance, automatic capture, and auto-cropping features.
On-device intelligence
100% offline – no servers, no tracking, complete data security.
Customizable UI components
Our Ready-To-Use UI components cover all document scanning scenarios and are highly customizable.
High-quality scans
Let your users generate high-quality scans suitable for automated processing.
Available for App & Web
The SDK supports iOS, Android, Web, Windows, Linux, and all common cross-platform frameworks, including Flutter, React Native, and .NET MAUI.
Turn mobile devices into powerful document scanners
The Scanbot React Native Document Scanner SDK transforms any mobile device into a high-performance document scanner within your React Native app. Built with offline functionality, it guarantees complete data privacy, meeting stringent compliance standards like GDPR and CCPA. The SDK handles document capture and image optimization to ensure your scans are of the highest quality—ideal for apps requiring professional-grade document processing.
Our SDK is designed to be seamlessly integrated, offering Ready-to-Use UI components for document scanning that adapt to both iOS and Android platforms, making it truly cross-platform. You can fully integrate and configure the SDK in an hour with customizable components that support branding and user experience needs.
Mobile document scanning has become essential across industries—allowing apps to handle physical documentation quickly, securely, and efficiently. By embedding Scanbot SDKs advanced document scanning into your React Native app, you ensure that your users can achieve accurate, aligned scans in real time, improving both usability and functionality.
Technical requirements
The Scanbot React Native Document Scanner SDK requires:
- React Native Version: 0.73 or higher
- Platforms: iOS 13.0+ and Android 5.0+ (API Level 21+)
- Hardware: A rear-facing camera with autofocus
- Architecture:
- Android: armeabi-v7, arm64-v8a, x86, x86_64
- iOS: arm64, x86_64
Discover our document scanning features
The Scanbot React Native Document Scanner SDK comes packed with features that elevate both the scan quality and user experience:
-
User Guidance
In-app instructions help guide users to capture the perfect scan, making it simple even for those with little technical expertise.
-
Automatic Capture
-
Automatic Cropping
-
Document Quality Analyzer
-
Custom Filters
-
Multiple Export Formats
Integrating Scanbot Document Scanner SDK into Your React Native Project
In this section, we’ll show you how to start the Document Scanner with minimal code. We’ll also describe how to configure it extensively later on.
import {
DocumentScanningFlow,
startDocumentScanner,
} from 'react-native-scanbot-sdk/ui_v2';
async function startScanning() {
try {
/** Create the default configuration instance */
const configuration = new DocumentScanningFlow();
/** Start the Document Scanner UI */
const documentResult = await startDocumentScanner(configuration);
/** Handle the document if the status is 'OK' */
if (documentResult.status === 'OK') {
}
} catch (e: any) {
console.error(e.message);
}
}
React Native Document Scanner for Expo
The Scanbot Document Scanner SDK integrates with React Native applications using the Expo framework. This integration requires an Expo development build. You can configure the SDK using our config plugin or manually configure native projects.
Combining Expo with Scanbot SDK delivers powerful document scanning capabilities with minimal setup. The entire integration process can be completed in less than an hour, with comprehensive documentation and dedicated integration support available. Check out our step-by-step tutorial that guides you through the entire process of integrating the React Native Document Scanner SDK into your Expo project.
Frequently Asked Questions
What is a React Native Document Scanner SDK?
The React Native Document Scanner SDK enables document scanning functionality directly within your React Native app. It includes tools for capturing, processing, and exporting documents, featuring automatic cropping, edge detection, and scan quality analysis for professional-quality scans.
Why is document scanning essential for mobile applications?
Mobile document scanning boosts productivity by enabling users to digitize documents on the go, enhancing workflows across industries. The Scanbot React Native SDK allows businesses to provide high-quality document scanning without the need for external hardware or complex setups, all while ensuring complete data security and privacy compliance.
Does the SDK support both iOS and Android?
Yes, the Scanbot React Native Document Scanner SDK is fully cross-platform, supporting iOS 13.0+ and Android 5.0+ (API Level 21+) for a consistent experience on both operating systems.
How do I integrate the Scanbot Document Scanner SDK into my React Native app?
The Scanbot SDK is easy to integrate using npm or yarn, with Ready-to-Use UI components that allow you to add scanning functionality within an hour. The setup includes configuring Info.plist for iOS and AndroidManifest.xml for Android, with full guidance provided in our GitHub documentation.
Can I integrate the Scanbot Document Scanner SDK with Expo?
Yes, you can integrate the Scanbot SDK with Expo in development builds. To configure it, you’ll need to set permissions and add plugin settings in your app config. For detailed steps, please refer to our documentation.
What permissions are needed for scanning functionality?
To enable document scanning, the SDK requires camera permissions:
- Android: Add in AndroidManifest.xml.
- iOS: Include NSCameraUsageDescription in Info.plist to explain why the app requires camera access.
Does the SDK work offline?
Yes, the Scanbot SDK is designed to work entirely offline, ensuring that no data is sent to external servers. This is ideal for meeting privacy requirements like GDPR and CCPA.
Does the Scanbot Document Scanner SDK offer integration support?
Yes, our dedicated support team assists with integration through Slack, Microsoft Teams, or email, helping developers implement the SDK smoothly.
Does the Scanbot React Native Document Scanner SDK support Expo?
Yes. Integration with Expo is possible when using a development build. The project is configurable using our config plugin. Check out the documentation to learn how to integrate the Scanbot SDK in a React Native app using the Expo framework.