🔍 Сканирование QR и штрих-кодов

Во FlutterFlow есть встроенный сканер для мобильных приложений, но для Web-версий часто требуется кастомное решение.

📱 Для мобильных (iOS/Android)

Используйте стандартное действие Scan Barcode/QR Code в FlutterFlow. Оно работает надежно и использует нативные ресурсы камеры.

---

🌍 Для Web-приложений

Для сканирования QR-кодов в браузере используйте пакет qrcode_scanner_dialog.

Реализация через Custom Action

1. Добавьте зависимость: qrcode_scanner_dialog: ^1.0.0.
2. Код функции scanBarcodeWeb:

import 'package:qrcode_scanner_dialog/qr_bar_code_scanner_dialog.dart';
 
final QrBarCodeScannerDialog _scanner = QrBarCodeScannerDialog();
 
Future<String?> scanBarcodeWeb(BuildContext context) async {
  Completer<String?> completer = Completer<String?>();
 
  _scanner.getScannedQrBarCode(
    context: context,
    onCode: (code) {
      completer.complete(code?.trim());
    },
  );
 
  return completer.future;
}

---

Автор контента: Sabikrus