Flutter生成带图片的二维码

现在的APP中经常需要用自己的信息生成一个二维码给别人扫,下面就介绍一下Flutter中怎么生成一个带图片的二维码。

需要用到的插件qr_flutter

首先在 pubspec.yaml 文件中添加以下依赖,添加依赖后在 pubspec.yaml 运行 flutter packages get 或 使用IDE更新软件包。

dependencies:
  qr_flutter: ^3.0.1

  

完成以上步骤之后就可以在你需要生成二维码的页面引用qr_flutter

import 'package:qr_flutter/qr_flutter.dart';

  

在生成二维码之前先看一下它的api

 

属性类型描述
versionintQrVersions.auto或者介于1和40之间的值。有关限制和详细信息,请访问http://www.qrcode.com/en/about/version.html
errorCorrectionLevelint定义的值QrErrorCorrectLevel。例如:QrErrorCorrectLevel.L
sizedouble二维码的(方形)大小。如果没有给出,将使用最短大小约束自动调整大小。
paddingEdgeInsets填充二维码内边距。
backgroundColorColor背景颜色(默认为无)。
foregroundColorColor前景色(默认为黑色)。
gaplessbool添加一个额外的像素以防止间隙(默认为true)。
errorStateBuilderQrErrorBuilder允许您Widget在呈现QR码时出现错误时显示错误状态(例如:版本太低,输入太长等)。
constrainErrorBoundsbool如果为true,则错误Widget将被限制为将要绘制QR码的平方。如果为false,则错误状态Widget将增大/缩小到所需的任何大小。
embeddedImageImageProviderImageProvider限定的图像以在QR码的中心重叠。
embeddedImageStyleQrEmbeddedImageStyle用于设置嵌入图像样式的属性。
embeddedImageEmitsErrorbool如果为true,则任何加载嵌入图像的失败都将触发errorStateBuilder或呈现为空Container。如果为false,则将呈现QR码,并且将忽略嵌入的图像。

 

通过上面给出的参数,生成一个大小200,图片大小30的二维码

Center(
  child: QrImage(
    data: '这是二维码的内容',
    size: 200,
    embeddedImage: NetworkImage('https://img2.woyaogexing.com/2019/09/06/f9afde08c5a4460cb08389a6c7f74c7a!600x600.jpeg'),
    embeddedImageStyle: QrEmbeddedImageStyle(
      size: Size(30, 30),
    ),
  ),
)

  

效果图如下

转载于:https://www.cnblogs.com/gxsyj/p/11476834.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值