flutter qr显示二维码, 以及给二维码一个倒计时

最新推荐文章于 2024-12-05 10:39:05 发布

努力的老少年

最新推荐文章于 2024-12-05 10:39:05 发布

阅读量1k

点赞数 1

分类专栏： android 文章标签： flutter android

本文链接：https://blog.csdn.net/qq_45073409/article/details/114379115

版权

本文介绍了在Flutter中如何显示二维码，并添加一个300秒的倒计时功能。通过引入qr库，设置二维码的加密等级和尺寸，可以在应用中展示二维码。由于插件本身不支持倒计时，所以作者手写了一个倒计时函数，于初始化时启动，在页面销毁时停止。当倒计时结束，二维码下方会显示一个按钮提示用户倒计时已结束，点击该按钮可重置倒计时并重启倒计时函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

flutter qr显示二维码

在pubspec.yaml中引入 qr: ^2.0.0
引入 import 'package:qr_flutter/qr_flutter.dart';

data要渲染的数据,
version二维码加密等级,
size 尺寸
embeddedImage 添加图片
在这里插入图片描述

version调整到10就差不多了,在调大可能会有些密集
在这里插入图片描述
在embeddedImageStyle中可以调整二维码中图片的一些样式

因为在这个插件中没有给一个失效的时间这个函数,所以我们手写一个倒计时为300秒的函数

 Timer _timer;
  int _start = 300; //

  void startTimer() {
   
    const oneSec = const Duration(seconds: 1); //间隔1秒
    _timer = new Timer.periodic(
      oneSec, //每秒调用一次