Run our Sample Apps#

The best way to start working with the Scandit Data Capture SDK is to run one of our sample apps. In this guide we will go through the available apps and how to run them.

The best way to start working with the Scandit Data Capture SDK is to run one of our sample apps. In this guide we will go through the available apps and how to run them.

Available Samples#

We have created both simple and advanced samples that show you how to capture barcodes and how to use the MatrixScan functionality. The simple samples allow you to get going quickly, while the advanced samples show you how to use additional settings and setup the scanner for the best user experience.

Here’s a list of our available samples on React Native:

  • BarcodeCaptureSimpleSample

  • BarcodeCaptureRejectSample

  • MatrixScanSimpleSample

  • MatrixScanBubblesSample

  • StockManagementSample

Barcode Capture Samples#

Simple Sample

Reject Sample

_images/sample-bc-simple-1.jpg
_images/sample-bc-simple-2.jpg
_images/sample-bc-reject-1.jpg
_images/sample-bc-reject-2.jpg

Basic sample that uses the camera to read a single barcode.

Sample that uses the camera to read a single QR code that starts with “09:” but ignores/rejects all other codes.

MatrixScan Samples#

Simple Sample

Bubbles Sample

Stock Management Sample

_images/sample-ms-simple-1.jpg
_images/sample-ms-simple-2.jpg
_images/sample-ms-bubble-1.png
_images/sample-ms-bubble-2.png
_images/sample-sm-1.jpg
_images/sample-sm-2.jpg

Very simple sample which shows how you can highlight barcodes on screen with the Scandit Data Capture SDK.

Demonstrates the use of more advanced augmented reality use cases with the Scandit Data Capture SDK.

Demonstrates the use of multiple capture modes in one application.

Text Capture Samples#

Text Capture samples for React Native are coming soon.

All our samples can be found in the archive that can be downloaded from our dashboard. Check the following section for more details.

Run the Samples#

Before you can run a sample app, you need to go through a few simple steps:

  1. Sign in to your Scandit account and download the newest React Native plugins at ssl.scandit.com/sdk. Unzip the archive and go to the samples folder.

  2. Set the license key. To do this, sign in to your Scandit account and find your license key at ssl.scandit.com/licenses.

Once you have the license key, add it to the sample that you’d like to run:

DataCaptureContext.forLicenseKey('-- ENTER YOUR SCANDIT LICENSE KEY HERE --')
  1. Install the dependencies.

yarn install

# iOS only
cd ios && pod install

Note

If you’re using the zip archive downloaded from the dashboard, make sure that you’re using yarn to run the samples. The samples in the archive reference the plugins in the same archive through a relative path, which is handled differently by npm and can lead to issues when you’re trying to run the app.

  1. Run the sample. We recommend running the samples on a physical device as otherwise no camera is available.

react-native run-[ios|android] --device

Note

You probably need to setup signing for iOS. To do this, open the Xcode project and setup signing in the project settings. You can also run the sample from Xcode by clicking the Build & Run button.

Next steps#

You are now ready to tackle the following guide: