{"id":21666410,"url":"https://github.com/doo/scanbot-barcode-scanner-sdk-example-react-native","last_synced_at":"2025-04-12T01:17:54.599Z","repository":{"id":37452337,"uuid":"245214593","full_name":"doo/scanbot-barcode-scanner-sdk-example-react-native","owner":"doo","description":"Fast and reliable React Native barcode scanner library","archived":false,"fork":false,"pushed_at":"2025-04-11T07:48:51.000Z","size":14386,"stargazers_count":30,"open_issues_count":3,"forks_count":0,"subscribers_count":9,"default_branch":"master","last_synced_at":"2025-04-12T01:17:48.672Z","etag":null,"topics":["barcode-reader","barcode-scanner","barcode-scanning","code128","code39","example","javascript","library","pdf417","plugin","qrcode","react","react-native","reactnative","reader","scan","scanner","sdk"],"latest_commit_sha":null,"homepage":"https://scanbot.io/developer/react-native-barcode-scanner/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/doo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2020-03-05T16:33:46.000Z","updated_at":"2025-03-20T10:44:25.000Z","dependencies_parsed_at":"2023-02-15T12:01:31.891Z","dependency_job_id":"2f2ce605-bfdb-4e85-8d36-e92fa5557214","html_url":"https://github.com/doo/scanbot-barcode-scanner-sdk-example-react-native","commit_stats":null,"previous_names":[],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doo%2Fscanbot-barcode-scanner-sdk-example-react-native","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doo%2Fscanbot-barcode-scanner-sdk-example-react-native/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doo%2Fscanbot-barcode-scanner-sdk-example-react-native/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doo%2Fscanbot-barcode-scanner-sdk-example-react-native/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/doo","download_url":"https://codeload.github.com/doo/scanbot-barcode-scanner-sdk-example-react-native/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248501856,"owners_count":21114684,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["barcode-reader","barcode-scanner","barcode-scanning","code128","code39","example","javascript","library","pdf417","plugin","qrcode","react","react-native","reactnative","reader","scan","scanner","sdk"],"created_at":"2024-11-25T11:26:33.558Z","updated_at":"2025-04-12T01:17:54.590Z","avatar_url":"https://github.com/doo.png","language":"TypeScript","readme":"\u003cp align=\"left\"\u003e\n  \u003cimg src=\".images/ScanbotSDKLogo.png#gh-light-mode-only\" width=\"15%\" /\u003e\n\u003c/p\u003e\n\u003cp align=\"left\"\u003e\n  \u003cimg src=\".images/ScanbotSDKLogo_darkmode.png#gh-dark-mode-only\" width=\"15%\" /\u003e\n\u003c/p\u003e\n\n# Example App for the Scanbot React Native Barcode Scanner SDK\n\nThis example app demonstrates how to integrate the Scanbot Barcode Scanner SDK into your React Native app.\n\n## What is the Scanbot Barcode Scanner SDK?\n\nThe Scanbot [Barcode Scanner SDK](https://scanbot.io/barcode-scanner-sdk/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites) is a set of simple and intuitive high-level APIs that allows you to integrate fast and reliable barcode scanning into your iOS or Android application.\n\nThe SDK utilizes your device's camera, which can be freely switched. You can also apply various filters to narrow down the results by barcode type or content, with regex pattern support to ensure you only capture the specific barcodes relevant to your application.\n\nIt operates entirely offline on the user's device and takes only 0.04 seconds per scan. Scans are accurate even under challenging conditions, including damaged, small, or distant barcodes and low-light environments.\n\nThe SDK can be integrated into your app within minutes and comes with Ready-To-Use UI components, which allow you to customize the barcode scanner to your needs.\n\n💡 For more details about the Scanbot Barcode Scanner SDK for React Native, please check out our [documentation](https://docs.scanbot.io/barcode-scanner-sdk/react-native/introduction/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites).\n\n## How to run the example app\n\n### Step 1: Set up Environment\n\n\u003e **Note**: Make sure you have completed the React Native [Set Up Your Environment](https://reactnative.dev/docs/set-up-your-environment) guide before proceeding.\n\n### Step 2: Install Dependencies\n\nTo install the project dependencies, run the following commands\n\n```\n# Install the required dependencies\nyarn install\n\n# OR using npm\nnpm install\n```\n\nFor iOS, remember to install the CocoaPods dependencies on the first clone and after updating native dependencies.\n\nThe first time you create a new project, run the Ruby bundler to install CocoaPods itself:\n\n```\nbundle install\n```\n\nThen, and every time you update your native dependencies, run:\n\n```\ncd ios \nbundle exec pod install\n```\n\n### Step 2: Start your Application\n\nConnect your physical device via USB and run the following command to start your Android or iOS app:\n\n#### For Android\n\n```\n# Using yarn\nyarn android\n\n# OR using npm\nnpm run android\n```\n\n#### For iOS\n\n```\n# Using yarn\nyarn ios\n\n# OR using npm\nnpm run ios\n```\n\nIf everything is set up correctly, you should see your new app running on your device.\n\nThis is not the only way to launch your app. You can also run it directly from within Android Studio and Xcode, respectively.\n\n#### What else can go wrong?\n\n**Pod not found**\n\n```\ncd ios\nbundle exec pod repo update\n```\n\n**Still at a loss? It is probably a cache issue**\n\n```\nyarn run clean\n```\n\n* `npm cache clean --force \u0026\u0026 watchman watch-del-all`\n* Restart the metro server!\n\n## Features of the React Native Barcode Scanner SDK\n\n### Out-of-the-box barcode scanning workflows\n\nThe Scanbot Barcode Scanner SDK offers the following scan modes right out-of-the-box, in our ready-to-use UI:\n\n#### Single Scanning\n\nThis is the default barcode scanning mode. It is optimized for detecting a single barcode at a time and is easily configurable to your needs. You can show a confirmation screen after scanning the barcode.\n\n#### Batch \u0026 Multi Scanning\n\nThe barcode scanner can also be configured to scan multiple barcodes in succession (without closing the scanning screen each time), to capture multiple barcodes from the device's camera view at once, or to count the scanned items.\n\n#### Find \u0026 Pick\n\nGiven one or more barcodes, the SDK will visually highlight and scan the correct items for your users. It automatically selects the barcode with the right barcode value from your camera feed.\n\n| ![Batch Scanning](.images/batch-scanning.png) | ![Multi Scanning](.images/multi-scanning.png) | ![Find and Pick](.images/find-pick.png) |\n| :-- | :-- | :-- |\n\n### AR Overlay\n\nThe Scanbot React Native Barcode Scanner library includes an optional AR Overlay for all scanning modes. It provides real-time barcode highlighting, preview, and tap-to-select functionalities.\n\nRecognized barcodes are highlighted with a customizable frame and text, clearly distinguishing scanned from unscanned items. Users can select barcodes manually by tapping or instead rely on automatic selection.\n\n### Scanning barcodes from an image\n\nThe Scanbot SDK also offers barcode scanning for still images, enabling barcode detection from JPG or other image files. It supports single-image and multi-image detection and returns a list with the recognized barcodes.\n\n### Supported barcodes\n\nThe Scanbot React Native Barcode Scanner library supports all common 1D- or 2D barcodes and multiple postal symbologies, including:\n\n| Barcode type       | Barcode symbologies                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            |\n|:-------------------|:---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| 1D Barcodes        | [EAN](https://scanbot.io/barcode-scanner-sdk/ean/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [UPC](https://scanbot.io/barcode-scanner-sdk/upc/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [Code 128](https://scanbot.io/barcode-scanner-sdk/code-128/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [GS1-128](https://scanbot.io/barcode-scanner-sdk/gs1-128/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [Code 39](https://scanbot.io/barcode-scanner-sdk/code-39/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [Codabar](https://scanbot.io/barcode-scanner-sdk/codabar/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [ITF](https://scanbot.io/barcode-scanner-sdk/itf/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), Code 25, Code 32, Code 93, Code 11, MSI Plessey, Standard 2 of 5, IATA 2 of 5, Databar (RSS), GS1 Composite                                                                                                                                                                                                                                                                                                                        |\n| 2D Barcodes        | [QR Code](https://scanbot.io/glossary/qr-code/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [Micro QR Code](https://scanbot.io/barcode-scanner-sdk/micro-qr-code/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [Aztec Code](https://scanbot.io/barcode-scanner-sdk/aztec-code/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [PDF417 Code](https://scanbot.io/barcode-scanner-sdk/pdf417/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [Data Matrix Code,](https://scanbot.io/barcode-scanner-sdk/data-matrix/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites) [GiroCode](https://scanbot.io/glossary/giro-code/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [NTIN Code](https://scanbot.io/glossary/gtin/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [PPN](https://scanbot.io/glossary/ppn/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [UDI](https://scanbot.io/glossary/udi/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), [Royal Mail Mailmark](https://scanbot.io/barcode-scanner-sdk/royal-mail/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites), MaxiCode |\n| Postal Symbologies | USPS Intelligent Mail Barcode (IMb), Royal Mail RM4SCC Barcode, Australia Post 4-State Customer Code, Japan Post 4-State Customer Code, KIX                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    |\n\n💡 Please visit our [docs](https://docs.scanbot.io/barcode-scanner-sdk/react-native/supported-barcodes/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites) for a complete overview of the supported barcode symbologies.\n\n### Data Parsers\n\nThe Scanbot Barcode Scanner SDK supports a variety of data parsers that extract structured information from 2D barcodes such as QR Codes and Data Matrix. These include parsers for documents such as driving licences (AAMVA), boarding passes, medical certificates, SEPA forms, Swiss QR codes and vCard business cards.\n\n💡 Please refer to our [documentation](https://docs.scanbot.io/barcode-scanner-sdk/react-native/supported-barcodes/#data-parsers) for a full list of supported data parsers.\n\n## Additional information\n\n### Guides and Tutorials\n\nIntegrating the Scanbot Barcode Scanner SDK into your app takes just a few minutes, and our step-by-step guides make the process even easier. \n\nWhether you're a seasoned developer or just starting, our tutorials provide clear instructions for adding barcode scanning functionality with minimal effort.\n\n💡Check out our [developer blog](https://scanbot.io/techblog/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites) for a collection of in-depth tutorials, use cases, and best practices.\n\n### Free integration support\n\nNeed help integrating or testing our Barcode Scanner SDK? We offer [free developer support](https://docs.scanbot.io/support/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites) via Slack, MS Teams, or email.\n\nAs a customer, you also get access to a dedicated support Slack or Microsoft Teams channel to talk directly to your Customer Success Manager and our engineers.\n\n### Licensing and pricing\n\nThe Scanbot SDK examples will run for one minute per session without a license. After that, all functionalities and UI components will stop working. \n\nTo try the React Native Barcode Scanner SDK without the one-minute limit, you can request a free, no-strings-attached [7-day trial license](https://scanbot.io/trial/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites).\n\nOur pricing model is simple: Unlimited barcode scanning for a flat annual license fee, full support included. There are no tiers, usage charges, or extra fees. [Contact](https://scanbot.io/contact-sales/?utm_source=github.com\u0026utm_medium=referral\u0026utm_campaign=dev_sites) our team to receive your quote.\n\n### Other supported platforms\n\nBesides React Native, the Scanbot Barcode Scanner SDK is also available on:\n\n* [Android (native)](https://github.com/doo/scanbot-barcode-scanner-sdk-example-android)\n* [iOS (native)](https://github.com/doo/scanbot-barcode-scanner-sdk-example-ios)\n* [JavaScript (web)](https://github.com/doo/scanbot-barcode-scanner-sdk-example-web)\n* [Flutter](https://github.com/doo/scanbot-barcode-scanner-sdk-example-flutter)\n* [Capacitor \u0026 Ionic](https://github.com/doo/scanbot-barcode-scanner-sdk-example-capacitor-ionic)\n* [Cordova \u0026 Ionic](https://github.com/doo/scanbot-barcode-scanner-sdk-example-cordova-ionic)\n* [.NET MAUI](https://github.com/doo/scanbot-barcode-sdk-maui-example)\n* [Compose Multiplatform / KMP](https://github.com/doo/scanbot-barcode-scanner-sdk-example-kmp)\n* [Xamarin \u0026 Xamarin.Forms](https://github.com/doo/scanbot-barcode-scanner-sdk-example-xamarin)\n* [UWP](https://github.com/doo/scanbot-barcode-scanner-sdk-example-windows)\n* [Linux](https://github.com/doo/scanbot-sdk-example-linux)","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoo%2Fscanbot-barcode-scanner-sdk-example-react-native","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdoo%2Fscanbot-barcode-scanner-sdk-example-react-native","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoo%2Fscanbot-barcode-scanner-sdk-example-react-native/lists"}