QR code generated but it is not scannable - React Native

user_17671157 0
Viewed 293

I have generated QR code using

"react-native-qrcode-svg": "^6.1.2", "react-native-svg": "^12.1.1",

Generated QR Code is like this, qr code

Not getting any result after scanning this.

This is the code,

<QRCode
  value="https://www.youtube.com/"
  size={width - 220}
  color='white'
  backgroundColor='black'
 ></QRCode>

Please someone help me to solve this.

react-native
1 Answers

You need to invert the colors and have a white border around the image, like this:

Adjusted QR Code

The border around the image should have at least the width of the QRCode's pixel, so if the smallest square inside the image has 8×8px, then the border should have at least 8px.

The color outside the border can be white too.

user_4027890
Related