From Josh Dayment – Barcode Scanning Component for Flow
The Barcode Scanner component provides you a way to scan various types of Barcodes using a flow and the Salesforce Mobile App, Mobile Publisher for Salesforce, or Mobile Publisher for Communities in Flow screens. It allows you to take the data stored in that barcode and return the variable to be used later downstream in your flow or instantly show Salesforce Data to users in the app all from scanning a barcode. This component uses the existing BarcodeScanner API.
In my example use case I am using it for contactless check in at a job fair. We have a custom object called Registration where I have a QR Code I generated using an formula field using the open API from goqr.me (ex: IMAGE(“https://api.qrserver.com/v1/create-qr-code/?size=150×150&data=”&Id ,”Scan QR code”) I am using the recordId from my Registration that is passed through into the output value of the component.
The component has customizable buttons, labels, icons and also supports auto navigation on successful scans.
Inputs
| Property Name | Data Type | Description |
|---|---|---|
| Auto Navigate | Boolean | When marked as true the flow will automatically move to the next screen/element upon a successful scan. |
| Button Icon | String | This is an icon that will be placed on the scanner launch button uses lightning design system i.e. utility:photo |
| Button Label | String | The label to on the scanner launch button. |
| Label | String | Label placed in front of scanned data. |
| Scanner Instructions | String | Text that sits above scanner launch button to provide scanning instructions to the user. |
See the scan in action below.
Install
Version 1.0.2 9/5/21