{"id":29075170,"url":"https://github.com/dynamsoft/barcode-reader-react-native-samples","last_synced_at":"2026-02-04T15:08:22.802Z","repository":{"id":299569956,"uuid":"982519562","full_name":"Dynamsoft/barcode-reader-react-native-samples","owner":"Dynamsoft","description":null,"archived":false,"fork":false,"pushed_at":"2025-06-17T07:51:32.000Z","size":0,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-06-17T07:53:22.481Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","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/Dynamsoft.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,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-13T02:32:36.000Z","updated_at":"2025-06-17T07:51:36.000Z","dependencies_parsed_at":"2025-06-18T06:30:58.686Z","dependency_job_id":null,"html_url":"https://github.com/Dynamsoft/barcode-reader-react-native-samples","commit_stats":null,"previous_names":["dynamsoft/barcode-reader-react-native-samples"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Dynamsoft/barcode-reader-react-native-samples","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dynamsoft%2Fbarcode-reader-react-native-samples","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dynamsoft%2Fbarcode-reader-react-native-samples/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dynamsoft%2Fbarcode-reader-react-native-samples/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dynamsoft%2Fbarcode-reader-react-native-samples/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Dynamsoft","download_url":"https://codeload.github.com/Dynamsoft/barcode-reader-react-native-samples/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Dynamsoft%2Fbarcode-reader-react-native-samples/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":262279297,"owners_count":23286554,"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":[],"created_at":"2025-06-27T15:10:20.339Z","updated_at":"2026-02-04T15:08:22.795Z","avatar_url":"https://github.com/Dynamsoft.png","language":"HTML","readme":"# Dynamsoft Barcode Reader samples for React-Native edition\n\nThis repository contains multiple samples that demonstrate how to use the [Dynamsoft Barcode Reader](https://www.dynamsoft.com/barcode-reader/) React-Native Edition.\n\n## Integration Guide For Your Project\n\n- [Guide for Scanning Barcodes with Ready-to-use Component](https://www.dynamsoft.com/barcode-reader/docs/mobile/programming/react-native/user-guide.html)\n- [Guide for Scanning Barcodes with Foundational APIs](https://www.dynamsoft.com/barcode-reader/docs/mobile/programming/react-native/foundational-user-guide.html)\n\n## API References\n\nThere are two ways to use the Dynamsoft Barcode Reader React-Native SDK:\n\n- [Ready-to-use BarcodeScanner APIs](https://www.dynamsoft.com/barcode-reader/docs/mobile/programming/react-native/api-reference/barcode-scanner/index.html)\n  \n- [Foundational APIs](https://www.dynamsoft.com/barcode-reader/docs/mobile/programming/react-native/api-reference/)\n\n## Samples\n\n| Sample Name | Description |\n|-------------|-------------|\n| [ScanBarcodes_ReadyToUseComponent](ScanBarcodes_ReadyToUseComponent) | Demonstrates the quickest way to scan barcodes from live camera preview using the **Ready-to-Use Barcode Scanner component**, with minimal configuration required. |\n| [ScanBarcodes_FoundationalAPI](ScanBarcodes_FoundationalAPI) | Demonstrates how to scan barcodes from live camera preview using the **Foundational API**, providing full control over camera, processing pipeline, and barcode results. |\n| [ScanBarcodes_Expo](ScanBarcodes_Expo) | Demonstrates barcode scanning using the **Foundational API in an Expo (Bare) project**, showing how to integrate Dynamsoft Barcode Reader into an Expo-based workflow. |\n| [ScanDriversLicense](ScanDriversLicense) | Demonstrates how to recognize and extract information from drivers’ licenses in real-time video streaming. |\n\n### How to build and run a sample\n\n#### For React Native CLI Samples\n\n1. Enter a sample folder that you want to try\n\n```bash\ncd ScanBarcodes_FoundationalAPI\n```\n\nor\n\n```bash\ncd ScanBarcodes_ReadyToUseComponent\n```\n\nor\n\n```bash\ncd ScanDriversLicense\n```\n\n2. Install node modules\n\nRun the following command:\n\n```bash\nyarn install\n```\n\nor\n\n```bash\nnpm install\n```\n\n3. Prepare iOS\n\nYou must install the necessary native frameworks from CocoaPods to run the application. In order to do this, the `pod install` command needs to be run as such:\n\n```bash\ncd ios\npod install\n```\n\nOpen the **workspace** file `*.xcworkspace` (not .xcodeproj) from the `ios` directory in Xcode. Adjust *Provisioning* and *Signing* settings.\n\n4. Build and Run\n\n- **Android**\n\nGo to your project folder and run the following command:\n\n```bash\n# using npm\nnpm run android\n\n# OR using Yarn\nyarn android\n```\n\n- **iOS**\n\nIn the terminal, go to the project folder in your project:\n\n```bash\n# using npm\nnpm run ios\n\n# OR using Yarn\nyarn ios\n```\n\nIf everything is set up _correctly_, you should see your new app running on your device.\nThis is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.\n\n\u003e [!NOTE]\n\u003e If you want to run Android via `Windows`, You may encounter some build errors due to the `Windows Maximum Path Length Limitation`.\n\u003e Therefore, we recommend that you move the project to a directory with a shorter path.\n\n\u003e [!NOTE]\n\u003e\n\u003e- The application needs to run on a physical device rather than a simulator as it requires the use of the camera. If you try running it on a simulator, you will most likely run into a number of errors/failures.\n\u003e- On iOS, in order to run the React Native app on a physical device you will need to install the [`ios-deploy`](https://www.npmjs.com/package/ios-deploy) library. Afterwards, you can run the react native app from the terminal as such `npx react-native run-ios --device` assuming it's the only device connected to the Mac.\n\u003e- Alternatively on iOS, you can simply open the xcworkspace of the project found in the `ios` folder using Xcode and run the sample on your connected iOS device from there. The advantage that this offers is that it is easier to deal with the developer signatures for deployment in there.\n\n#### For Expo Sample\n\n1. Enter the Expo sample folder\n\n```bash\ncd ScanBarcodes_Expo\n```\n\n2. Install node modules\n\n```bash\nyarn install\n```\n\nor\n\n```bash\nnpm install\n```\n\n3. Generate native projects\n\nRun the following command to generate the `android` and `ios` folders:\n\n```bash\nnpx expo prebuild\n```\n\n4. Prepare iOS\n\nInstall the necessary native frameworks from CocoaPods:\n\n```bash\ncd ios\npod install\ncd ..\n```\n\n5. Build and Run\n\n- **Android**\n\n```bash\nnpx expo run:android\n```\n\n- **iOS**\n\n```bash\nnpx expo run:ios\n```\n\n\u003e [!NOTE]\n\u003e The application needs to run on a physical device rather than a simulator as it requires the use of the camera.\n\n### How to use the new architecture of React Native (Optional)\n\n[How to enable new architecture in Android](https://reactnative.dev/architecture/landing-page#android)\n\n[How to enable new architecture in iOS](https://reactnative.dev/architecture/landing-page#ios)\n\n\n## License\n\n- You can request a 30-day trial license via the [Request a Trial License](https://www.dynamsoft.com/customer/license/trialLicense?product=dbr\u0026utm_source=github\u0026package=mobile) link.\n\n## Contact\n\nhttps://www.dynamsoft.com/company/contact/\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdynamsoft%2Fbarcode-reader-react-native-samples","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdynamsoft%2Fbarcode-reader-react-native-samples","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdynamsoft%2Fbarcode-reader-react-native-samples/lists"}