fis_lib_qrcode/qrcode/lib/qrcode_withlogo.dart

import 'dart:async';
import 'dart:html';
import 'dart:ui' as ui;

import 'package:fis_lib_qrtest/custom_qrcode_builder.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
// ignore: directives_ordering
import 'package:fis_lib_qrcode/qr_flutter.dart';
import 'package:fis_ui/index.dart';
import 'package:flutter/services.dart';

/// 带logo的二维码
class QRCodeWithLogo extends StatefulWidget implements FWidget {
  final String qrData;
  final String? codeStatement;
  final String? operationStatement;
  final void Function()? operationSuccessCallback;
  QRCodeWithLogo(
    this.qrData, {
    this.codeStatement = "QRCodeStatement",
    this.operationStatement = "QRCodeOperationStatement",
    this.operationSuccessCallback = null,
  });
  @override
  _QRCodeWithLogoState createState() => _QRCodeWithLogoState();
}

class _QRCodeWithLogoState extends State<QRCodeWithLogo> {
  @override
  Widget build(BuildContext context) {
    final qrFutureBuilder = CustomFutureBuilder<ui.Image>(
      future: _loadOverlayImage(),
      builder: (ctx, snapshot) {
        final size = 280.0;
        if (!snapshot.hasData) {
          return Container(width: size, height: size);
        }
        return CustomPaint(
          size: Size.square(size),
          painter: QrPainter(
            data: widget.qrData,
            version: QrVersions.auto,
            eyeStyle: const QrEyeStyle(
              eyeShape: QrEyeShape.square,
              color: Colors.black,
            ),
            dataModuleStyle: const QrDataModuleStyle(
              dataModuleShape: QrDataModuleShape.square,
              color: Colors.black,
            ),
            // size: 320.0,
            embeddedImage: snapshot.data,
            embeddedImageStyle: QrEmbeddedImageStyle(
              size: Size.square(60),
            ),
          ),
        );
      },
    );

    return Material(
      color: Colors.white,
      child: FContainer(
        width: 160,
        child: FColumn(
          mainAxisAlignment: MainAxisAlignment.center,
          children: [
            qrFutureBuilder,
            FPadding(
              padding: EdgeInsets.symmetric(vertical: 20, horizontal: 40)
                  .copyWith(bottom: 5),
              child: FText(widget.codeStatement!),
            ),
            FInk(
              decoration: UnderlineTabIndicator(
                  borderSide: BorderSide(color: Colors.blue),
                  insets: EdgeInsets.fromLTRB(0, 0, 0, 1)),
              child: FInkWell(
                  child: FText(
                    widget.operationStatement!,
                    style: TextStyle(color: Colors.blue),
                  ),
                  onTap: () => {
                        Clipboard.setData(ClipboardData(text: widget.qrData)),
                        widget.operationSuccessCallback?.call()
                      }),
            )
          ],
        ),
      ),
    );
  }

  Future<ui.Image> _loadOverlayImage() async {
    final completer = Completer<ui.Image>();
    final byteData = await rootBundle.load('assets/images/4.0x/flyinsono.png');
    ui.decodeImageFromList(byteData.buffer.asUint8List(), completer.complete);
    return completer.future;
  }
}