Stack Overflow
Stack Overflow

Questions tagged [react-qr-code]

An npm package for reading QR code with React or React Native.

Source code here: https://github.com/rosskhanas/react-qr-code

21 questions
2
votes
0 answers

How can I improve the camera feed in web based QR code reader?

I have some rather small and dense QR codes that I'm having trouble reading in my React Webapp. I'm having no trouble reading them in the Android native camera and I've written a flutter mobile app that uses the "qrscan"…
Skean
  • 88
  • 6
2
votes
0 answers

I am working on setting up google authenticator on React. I want the user to scan the QRcode using their phones to get a temporarily password

I have installed the right packages to create QRCode, but each time i scan the QRCode using my phone, i get the following error "the barcode is not a valid authentication token barcode", I am not too sure what do they mean by token. I've already…
zid oo
  • 21
  • 1
1
vote
1 answer

When download QRcode using qr-code-styling from safari, the image was missing logo in the center

I'm using qr-code-styling https://www.npmjs.com/package/qr-code-styling This's my code: const qrRef = React.useRef(null); const qrCodeRef = React.useRef(null); const downloadQRCode = (evt: React.FormEvent)…
tiennl
  • 119
  • 1
  • 10
1
vote
0 answers

Re-size react native qrcode-svg when displaying on different platforms

I'm trying to adjust the react native qrcode-svg size displayed on different platforms; mobile and on computer. However, I only seem to be able to put one static size, which 350, good for mobile but when displayed on the computer it looks giant and…
Soumaya Sghyar
  • 11
  • 2
1
vote
2 answers

Not able to change the QR code size in react-to-print

I am using https://www.npmjs.com/package/react-qr-code to generate QR code on my website. I want to change the size of this qr code when I print this qr code in PDF file. can I change the size of qr code in pdf file without changing the size on…
Drashti Kheni
  • 1,065
  • 9
  • 23
1
vote
1 answer

HTML5 QRCode Autofocus for small QR codes(2*2) rolled on small 1.5mm diameter lab vials

Please Help! I am using HTML5 QRCode react library for QR code and barcode scanning; and I am working on a tight deadline. I have issue scanning QR codes on small vials. Do we have any fix for this.
LearningUser
  • 11
  • 6
1
vote
0 answers

Cannot scan a QRcode with letters includes "ÅÄÖ" generated by react-qr-code

Im trying to add a page that creates Qrcode by using react-qr-code. Everything works normal until I include these following letters "ÅÄÖ" in value. Does anyone has any clue why i cannot use "ÅÄÖ" in value? I refer to this page codesandbox. but…
sassy.M
  • 27
  • 6
1
vote
0 answers

It's possible to trigger react-qr-scanner in Cordova?

I'm trying to trigger the ReactJS QR Code Scanner using the "react-qr-scanner" Library, it's working perfectly fine in browser. However, when I put it into a Cordova as a iOS/aOS Mobile Application, it would only show the blank page and having the…
Henry Sze
  • 11
  • 2
0
votes
0 answers

How to make Next.JS QR Code Scanner fits whole screen like many mobile app?

What I really want is just a QR Code Reader page that fits the whole screen with no white space left and an overlay for the scanning space. So If anyone has any alternative from their experiences or suggestion I'd be very appreciated. I tried…
Phobphoomin Siriboon
  • 1
0
votes
1 answer

How to create and integrate custom qr code in flutter

I want to add a qr code for my application. How can I integrate and scan the QR code I will generate? I would be very grateful if you could give me some explanatory information about the methods I will use and how to do it. Will qr_code_scanner work…
Emre Çifçi
  • 1
0
votes
0 answers

Render in react.js and konva.js

I want to render some qr code into a canvas made by konva.js. When I put into the qr code did not render. When I render the qr code outside the konva element, the qr code rendered. I thought my placement of wrong but when I shift it up or down I…
sola
  • 1
  • 1
0
votes
0 answers

how to share and use qr code and url in expo?

good evening please help me to solve this question on qr code expo. because I have learn created the app.I wanted you to guide me so that I can start coding in this space. [I have the followingerror code for using URL or QR…
Mohammad Hosein
  • 1
0
votes
0 answers

react qr-scanner navigate to another page after scan

I'm working on loyality react app what i need is that the user scan the qrcode and then go to the login page. here is my code the scan work properly but i don't know how to navigate to another page? import React, { Component } from 'react' import…
Ebtisam Hassan
  • 13
  • 2
0
votes
1 answer

QR code generator for email using reactjs

So I am trying to generate QR code using react-qr-code module in the value field I gave mailto:${email}?subject=${subject}&body=${body} format but when I scan using google lens it's getting converted to https://mailto:_______ which will not work how…
Manvitha Vemulapalli
  • 1
  • 1
0
votes
1 answer

Certain QR codes are not read from react-qr-reader

I've tried to implement QR Validation. So I generated QR codes for 40 people out of which 2 didn't get scanned. When I tried to scan via Other apps it read the data from the QR Code. I'm not able to figure out if the problem is with QR Code or the…
Prajwal Abraham
  • 43
  • 6
1
2