On this page

Stuck? Open a support ticket and the barKoder team will help. Open a ticket

NativeScript AR mode

Basic setup #

To enable AR functionality, please configure the following settings:

TypeScript
bkdView.setBarkoderResolution(BarkoderConstants.BarkoderResolution.FHD)
bkdView.setDecodingSpeed(BarkoderConstants.DecodingSpeed.Slow)
bkdView.setCloseSessionOnResultEnabled(false);
bkdView.setBarkoderARMode(BarkoderConstants.BarkoderARMode.InteractiveEnabled)   // Or another mode as needed

AR Modes Available  #

You can choose between the following modes based on your use case:

  • interactiveDisabled, - AR is enabled, but new barcodes are not selected automatically by default.
  • interactiveEnabled,  - AR is enabled, and new barcodes are automatically selected.
  • nonInteractive         - AR is enabled with non-interactive behavior; selection happens automatically without user interactions.

Customize Overlay Colors #

To visually indicate whether a barcode is selected or not:

TypeScript
bkdView.setARSelectedLocationColor("#HEX")       // Color for selected barcodes
bkdView.setARNonSelectedLocationColor("#HEX")    // Color for non-selected barcodes

Show Header Text Above Barcodes #

You can control when barcode header text (label) is displayed:

TypeScript
bkdView.setBarkoderARHeaderShowMode(BarkoderConstants.BarkoderARHeaderShowMode.ONSELECTED)

Options include:

  • never,       - Never display the header text.
  • always,       - Always display the header above detected barcodes.
  • onSelected - Display the header only when the barcode is selected.
With this setup, you’ll be able to draw boxes and display the barcode status directly on the camera preview!