Skip to main content

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...
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

On this page