Full-Screen Barcode Scanner Implementation (Similar to Yuka) โ€“ Seeking Advice on Libraries and Code Integration

Custom Code

Hi everyone!

I'm currently building an app in FlutterFlow that scans barcodes to display allergen information, and I'd love your help! I'm aiming to implement a full-screen barcode scanner, similar to the one in the Yuka app, and I'm not sure what the best approach would be for this in FlutterFlow.

  1. Which library would you recommend to achieve a fast and reliable barcode scanner? (I've seen Google ML Kit suggested, but I'm open to other options that might be easier to integrate in FlutterFlow.)

  2. How should I implement the code to scan the barcode automatically without needing to press any buttons? I want the scan to be triggered as soon as the barcode appears on the camera.

  3. Any tips on how to design the scanner interface to make it more user-friendly and efficient? I'm looking for a flexible full-screen design that displays product information after the scan.

Any help or code examples would be greatly appreciated! Thank you!

What have you tried so far?

So far, I've tried using FlutterFlow's built-in barcode scanner, but I find it limited in terms of flexibility and customization. I also attempted to integrate Google ML Kit for barcode scanning, but I struggled to get it working smoothly within FlutterFlow. I reached out to their support team for help, but I'm still looking for more guidance on how to fully implement this.

Did you check FlutterFlow's Documentation for this topic?
Yes
5
1 reply