Atmob-Flutter
/
AiKeyboard2025


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
							import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:flutter_smart_dialog/flutter_smart_dialog.dart';
import 'package:get/get.dart';

import 'package:webview_flutter/webview_flutter.dart';

import '../resource/assets.gen.dart';
import '../resource/colors.gen.dart';
import '../resource/string.gen.dart';

class AlipayQrCodeDialog {
  static const String _tag = 'AlipayQrCodeDialog';

  static void show(
      {required String qrCodeHtml,
      VoidCallback? onDismiss,
      VoidCallback? onCloseCallback,
      VoidCallback? loadSuccessCallback}) {
    SmartDialog.show(
        tag: _tag,
        onDismiss: onDismiss,
        backDismiss: false,
        builder: (_) {
          return AlipayQrCodeView(
              qrCodeHtml: qrCodeHtml,
              onCloseCallback: onCloseCallback,
              loadSuccessCallback: loadSuccessCallback);
        },
        clickMaskDismiss: false);
  }

  static void dismiss() {
    SmartDialog.dismiss(tag: _tag);
  }
}

class AlipayQrCodeView extends Dialog {
  final String qrCodeHtml;
  VoidCallback? loadSuccessCallback;
  VoidCallback? onCloseCallback;

  final WebViewController webViewController = WebViewController();

  AlipayQrCodeView(
      {super.key,
      required this.qrCodeHtml,
      this.onCloseCallback,
      this.loadSuccessCallback});

  @override
  Widget build(BuildContext context) {
    return IntrinsicHeight(
      child: Column(
        children: [
          Container(
            padding: EdgeInsets.all(26.w),
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(10.w),
            ),
            child: Column(
              children: [
                SizedBox(
                  width: 220.w,
                  height: 220.w,
                  child: WebViewWidget(
                    controller: webViewController
                      ..loadHtmlString(getHtmlTemplate())
                      ..setJavaScriptMode(JavaScriptMode.unrestricted)
                      ..setNavigationDelegate(NavigationDelegate(
                        onPageFinished: (String url) {
                          // 使用 CSS 放大页面内容
                          final scaleFactor = Get.width / 45.w;
                          webViewController.runJavaScript('''
                         document.body.style.transform = "scale($scaleFactor)";
                         document.body.style.transformOrigin = "0 0";  
                         
                        document.body.style.touchAction = 'none';
                        document.documentElement.style.overscrollBehavior = 'none';           
                      ''');
                          loadSuccessCallback?.call();
                          loadSuccessCallback = null;
                        },
                      )),
                  ),
                ),
                SizedBox(height: 16.w),
                Text(StringName.alipayQrCodeTips,
                    style: TextStyle(fontSize: 14.sp, color: ColorName.black90))
              ],
            ),
          ),
          SizedBox(height: 20.w),
          GestureDetector(
              onTap: () {
                onCloseCallback?.call();
                AlipayQrCodeDialog.dismiss();
              },
              child: Assets.images.iconMemberRetainClose
                  .image(width: 32.w, height: 32.w))
        ],
      ),
    );
  }

  String getHtmlTemplate() {
    return '''
    <!DOCTYPE html><html lang=\"en\">
      <head><meta charset=\"UTF-8\"/>
        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"/>
        <title>Alipay QR Code</title>
      </head>
      <body>$qrCodeHtml</body>
     </html>
 
     ''';
  }
}