NXDOM

Nxdom Framework

Nusantara eXtreme Development Object Model — dokumentasi resmi

← Indeks dokumentasi React

NexaScanqr

Modul scanner QR dari NexaJS dipakai dengan pola modal: buka scanner, terima hasil scan, lalu tutup kembali. Referensi implementasi: exsampel/Scannerqr.js.

State & handler

const [showScanner, setShowScanner] = useState(false); const [lastResult, setLastResult] = useState(null); const openScanner = () => setShowScanner(true); const closeScanner = () => setShowScanner(false); const handleScanSuccess = (result) => { setLastResult(result); setShowScanner(false); };

Render komponen scanner

<NexaScanqr isVisible={showScanner} onScanSuccess={handleScanSuccess} onScanError={handleScanError} onClose={closeScanner} scannerTitle="Scan QR Code" enableTorch={true} enableFlip={false} scanTypes={["qr"]} />

Catatan

  • Validasi izin kamera sebelum membuka scanner.
  • Tutup scanner setelah sukses agar tidak scan ganda.
  • Simpan lastResult untuk debug atau menampilkan riwayat scan terakhir.