1、导入依赖
在pubspec.yaml文件中,添加依赖,并执行flutter pub get命令
# 二维码
qr_flutter: ^4.0.0
属性 | 类型 | 描叙 |
---|
version | int | QrVersions.auto 或 1 到 40 之间的值 | errorCorrectionLevel | int | 值QrErrorCorrectLevel 。例如:QrErrorCorrectLevel.L 。 | size | double | 图像(正方形)大小。如果未赋值,将使用最小尺寸约束自动调整尺寸。 | padding | EdgeInsets | 二维码内边距 | backgroundColor | Color | 背景色,默认无 | foregroundColor | Color | 前景色,默认为黑色 | gapless | bool | 添加一个额外的像素以防止出现间隙(默认为 true) | errorStateBuilder | QrErrorBuilder | Widget 允许您在呈现二维码码时出现错误(例如:版本太低、输入太长等)时显示错误状态。 | constrainErrorBounds | bool | 如果为 true,则错误Widget 将被限制在要绘制二维码码的正方形内。如果为 false,则错误状态Widget 将增长/缩小到所需的任何大小。 | embeddedImage | ImageProvider | 覆盖在二维码中心的图像 | embeddedImageStyle | QrEmbeddedImageStyle | 设置嵌入图像的样式 | embeddedImageEmitsError | bool | 如果为 true,任何加载嵌入图像的失败都会触发errorStateBuilder 或渲染一个空的Container .?如果为 false,则将呈现二维码码并忽略嵌入的图像。 | semanticsLabel | String | semanticsLabel 将被屏幕阅读器用来描述二维码的内容。 |
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),
),
),
)
实际效果:
|