A real camera QR and barcode scanner for your native mobile app, reading codes the instant they come
into view and handing the result straight to your Bubble workflows. The same scanner on both iPhone
and Android, with live scanning, a photo-based scanner, torch, pinch-to-zoom, and a tidy on-screen
frame that follows the code it finds.
Every scan comes back to you as typed states: the code's value and type, when it was read, and whether
the scanner is running, ready to look up, check in, redeem, or open, wherever you need it. Camera
permission is handled for you, including the "access was turned off" case.
SCANNING:
Live camera scanning that reads QR codes and a wide range of barcodes on both iOS and Android.
Continuous mode for reading code after code, or single mode for one clean read at a time.
Built-in duplicate protection, so one code sitting in front of the camera does not flood your workflows, with an adjustable cooldown.
Scan from a saved photo as well as the live camera, for screenshots and stored images.
FORMATS MADE SIMPLE:
A plain-language Format mode: QR only, Common barcodes, All formats, or a custom list.
No need to know format names for everyday use, pick "Common barcodes" and product scanning just works.
Full control when you want it: choose from thirteen supported code types.
ON-SCREEN AND FEEDBACK:
A configurable scan frame that follows the code when the device reports its position, with six styles (solid or corner-target, in square, rounded, or circle).
The scanned value shown in a tidy banner, the familiar scanner look acting as a link when interacted with.
Optional beep and vibrate on each scan, a torch for low light, and pinch-to-zoom for small or distant codes.
Front or back camera.
WIRED INTO BUBBLE:
Typed states for the last code, its type, the timestamp, the live status, the torch, and more.
Events for every moment that matters: code scanned, scanning started, stopped and paused, camera ready, image scanned, permission granted and denied.
Actions to start, stop, clear the last scan, scan from an image, set the torch, request permission, and open app settings.
SETUP:
Drop the element on a mobile page, leave the defaults, and add a workflow on the Code scanned event that reads Last scanned code. That is a working scanner. Everything else, permission handling, the live preview, the duplicate cooldown, is taken care of. A full user guide is included.
Note: Vibrate feedback is reliable on Android and best-effort on iPhone (the beep is the alternative choice on iPhone but it depends on model). A short user guide covers all the settings, states, events, and actions in detail.
Any issues with it, please reach out to me and I will help resolve any problems asap.
The editor link along with the instructions/documentation, can be seen here:
https://bubble.io/page?id=paul-testing-4&app_type=mobilePaul