如何在 qr_flutter 中添加文件图像以生成带有嵌入图像的二维码？答案

【问题标题】：How to add File image in qr_flutter to generate QR code with that embedded image?如何在 qr_flutter 中添加文件图像以生成带有嵌入图像的二维码？
【发布时间】：2021-05-13 17:11:02
【问题描述】：

我想做类似的想法（How to generate QR CODE with logo in flutter），但我不想使用资产图像，而是希望用户使用 image_picker 包选择图像，然后将该图像存储在文件中并在 QR 码中用作嵌入图像.请任何人帮助我。

谢谢

【问题讨论】：

嗨！请提供您尝试过的代码

标签： flutter dart

【解决方案1】：

您想要实现的目标包含一些样板代码，因此我将其分解为 2 个简短的步骤：

第 1 步： 使用图像选择器插件将图像选择为文件，即，只需将图像存储为文件，您就可以使用：

File image = await ImagePicker.pickImage(
    source: ImageSource.camera, imageQuality: 50
  );

你可以关注this to perfectly get image

第 2 步： 现在，如果您看到嵌入图像的类型实际上是 ImageProvider，那么您可以使用 FileImage() 并执行以下操作：

QrImage(
              data: 'This QR code has an embedded image as well',
              version: QrVersions.auto,
              size: 320,
              gapless: false,
              //You can use image here, Note this image should be of type File 
              embeddedImage: FileImage(image),
              embeddedImageStyle: QrEmbeddedImageStyle(
                size: Size(80, 80),
              ),
            ),

希望这是您想要实现的目标。

【讨论】：

【解决方案2】：

您只需为要用于 QR 的图像创建一个变量：

var image = Image.asset('assets/ur_image.png',);

然后在此处添加：

QrImage(
   embeddedImage: image.image,
   data: 'hello',
    version: QrVersions.auto,
    size: 100,
  ),

【讨论】：