flutter 生成二维码,中心可加图片

1、导入依赖

在pubspec.yaml文件中,添加依赖,并执行flutter pub get命令

  # 二维码
  qr_flutter: ^4.0.0
属性类型描叙
versionintQrVersions.auto或 1 到 40 之间的值
errorCorrectionLevelintQrErrorCorrectLevel。例如:QrErrorCorrectLevel.L
sizedouble图像(正方形)大小。如果未赋值,将使用最小尺寸约束自动调整尺寸。
paddingEdgeInsets二维码内边距
backgroundColorColor背景色,默认无
foregroundColorColor前景色,默认为黑色
gaplessbool添加一个额外的像素以防止出现间隙(默认为 true)
errorStateBuilderQrErrorBuilderWidget允许您在呈现二维码码时出现错误(例如:版本太低、输入太长等)时显示错误状态。
constrainErrorBoundsbool如果为 true,则错误Widget将被限制在要绘制二维码码的正方形内。如果为 false,则错误状态Widget将增长/缩小到所需的任何大小。
embeddedImageImageProvider覆盖在二维码中心的图像
embeddedImageStyleQrEmbeddedImageStyle设置嵌入图像的样式
embeddedImageEmitsErrorbool如果为 true,任何加载嵌入图像的失败都会触发errorStateBuilder或渲染一个空的Container. 如果为 false,则将呈现二维码码并忽略嵌入的图像。
semanticsLabelStringsemanticsLabel将被屏幕阅读器用来描述二维码的内容。

2、 引入头文件

import 'package:qr_flutter/qr_flutter.dart';

3、使用

    Container(
      width: getScreenWidth(),
      alignment: Alignment.topCenter,
      child: QrImage(
        padding: EdgeInsets.all(20),//边框
        data: 'This QR code will show the error state instead',//二维码携带信息
        size: 200,//二维码大小
        backgroundColor: Colors.white,//背景色
        foregroundColor: Colors.black,//绘制方块颜色
        embeddedImage: AssetImage('assets/images/order/order_activity.png'),//二维码中心图片
        embeddedImageStyle: QrEmbeddedImageStyle(
          //中心图片大小
          size: Size(40, 40),
        ),
      ),
    )

实际效果:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值