embeddedImage not working

[mychaelgo]

Describe the bug
embeddedImage make qr code can't be scanned.

To Reproduce

QrImage(
      data: '7tMKelemz51hL4Z6Q1ug',
      embeddedImage: Image.asset('assets/images/walk_logo_white.png').image,
);

Expected behavior
User must be able to scan qr code with logo in the center

Screenshots

Smartphone (please complete the following information):

• Device: iPhone5s Simulator
• OS: iOS12.2
• Library version : qr_flutter: ^3.0.1

[lukef]

I'm not really sure what you want me to do here. Whether the QR code can be scanned is dependent on the scanner and not the generator. The top QR code could be scanned using the software I tried (Samsung S10 Camera). The bottom one didn't work.

You could try manually setting a higher version # and see if that improves the readability.

[mychaelgo]

ok thank you @lukef

[walterFeng]

hi, @lukef . I also found the same bug. EmbeddedImage make qr code can't be scanned. this is my code:

    Container(
      width: widget.pageWidth,
      height: 250,
      alignment: Alignment.center,
      child: QrImage(
        backgroundColor: Colors.white,
        data: "http://www.github.com",
        embeddedImage:
        AssetImage("assets/images/icon_logo_white_bg.png"),
        embeddedImageStyle:
        QrEmbeddedImageStyle(size: Size(20, 20)),
        version: QrVersions.auto,
        size: 250,
      ),
    )

when I set embeddedImageStyle to QrEmbeddedImageStyle(size: Size(20, 20)),this is the result:

it is work well.

but, when I set embeddedImage gets bigger, Change embeddedImageStyle to QrEmbeddedImageStyle(size: Size(60, 60)) or remove embeddedImageStyle params. The qr code can't be scanned:

not working now.

I think the QR code should change (but it doesn't) when 'embeddedImage' gets bigger, otherwise the logo will overwrite the valid information of the QR code, so that the observable part of the QR code cannot be recognized by the scanner, do you think? Look forward to your reply.

[mychaelgo]

@walterFeng have you try to set error correction level =QrErrorCorrectLevel.H ?

[walterFeng]

@walterFeng have you try to set error correction level =QrErrorCorrectLevel.H ?

@mychaelgo thank you, It is works for me.

but, When the EmbeddedImage-Size exceeds a certain number (e.g. 100), it will still not be able to scan. How do I know the EmbededImage-Size maximum I can assign?

[mychaelgo]

is the Embedded Image size cover > 30% of the Qr Code?

[walterFeng]

is the Embedded Image size cover > 30% of the Qr Code?

got it. It is works for me when the Embedded Image size cover < 30%. thank you @mychaelgo

[rehmmann]

Wrapping QrImage in a container worked for me

Container(
              decoration: const BoxDecoration(
                image: DecorationImage(
                    image: AssetImage('assets/images/name.png'),
                    fit: BoxFit.contain),
              ),
              child: QrImage(
     
            )

[NuskySainudeen]

This code worked for me with embedded Image

QrImage(
  data: "Hello World",
  size: 180,
  embeddedImage: const AssetImage('assets/images/my_image.png'),
  embeddedImageStyle: QrEmbeddedImageStyle(
  size: const Size(45, 57),
  ),
   gapless: false,
)

[mrclauss]

If anybody stumbles across this same problem, just like me...:
The trick is NOT to specify a size for the embedded image, then its size relative to the QR code always remains the same...

Unfortunately this isn't mentioned anywhere in the documentation