Highlighting barcodes with the Classic UI AR Overlay with React Native

Overview

The AR Overlay can be enabled to display and select recognized barcodes in an augmented-reality fashion. Each recognized barcode will be highlighted by a colored frame and text.

Tapping on a barcode will deliver the barcode scanning result to the delegate of the barcode scanner. These tapped/delivered barcodes can be highlighted with a different color. The displayed text is customizable.

To enable the AR Overlay, the following setup is required:

ScanbotBarcodeCameraView AR Overlay

loading...

See full example on GitHub

RTU AR Overlay

The AR Overlay is also part of the SDK's Ready-to-Use UI Components.

AR Overlay scanning modes

Displaying an extra layer of information in the live view is useful for a range of scanning use cases. Here are four barcode scanning use cases supporting the AR Overlay:

• Multi Scan: Quickly scan multiple barcodes in one go, highlighting scanned codes.
• Select Scan: Selectively capture barcodes by tapping them.

Want to scan longer than one minute?

Generate a free trial license to test the Scanbot SDK thoroughly.

Get free trial license

Scanbot SDK is part of the Apryse SDK product family

A mobile scan is just the start. With Apryse SDKs, you can expand mobile workflows into full cross‑platform document processing. Whether you need to edit PDFs, add secure digital signatures, or use a fast, customizable document viewer and editor, Apryse gives you the tools to build powerful features quickly.

Learn more

Was this helpful?