Skip to content

embeddedImage getting above QR Code Data #232

@Clothless

Description

@Clothless

Describe the bug
When using an image in the center of the QR Code (embeddedImage), the image is above QR Code data. It would be nice if we let an empty space in the middle for the image so it won't hide any data

To Reproduce

Future<QrImageView> qrCodeImage(String qr) async {
  final qrCode = QrImageView(
    data: qr,
    version: QrVersions.auto,
    size: 200,
    dataModuleStyle: QrDataModuleStyle(
      color: const Color(0xFF000000),
      dataModuleShape: QrDataModuleShape.circle,
    ),
    embeddedImage: const AssetImage('assets/icons/logo.png'),
    embeddedImageStyle: QrEmbeddedImageStyle(
      size: const Size(40, 40),
    ),
    gapless: false,
  );
  return qrCode;
}

Expected behavior
When using an image in the center of the QR Code, we expect to find the image in the center with white background, not the image directly above QR Code data

  • Version ^4.1.0

Smartphone :

  • Device: OnePlus 7 PRO
  • OS: Android 12

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions