fix: qr code dialog layout

Author: SolidFaker

entry/src/main/ets/dialogs/QRCodeDialog.ets

@@ -3,20 +3,23 @@ import { BusinessError } from '@kit.BasicServicesKit';
 import { image } from '@kit.ImageKit';
 import { hilog } from '@kit.PerformanceAnalysisKit';
 import { copyText } from '../utils/TokenUtils';
+import { window } from '@kit.ArkUI';
 
 @Preview
 @CustomDialog
 export struct QRCodeDialog {
   controller?: CustomDialogController;
   @Prop content: string = '';
+  @Prop winSize: window.Size;
   @State pixelMap: image.PixelMap | undefined = undefined
+  @State qrSize: number = px2vp(Math.min(this.winSize.width, this.winSize.height)) * 0.8;
 
   aboutToAppear(): void {
     this.pixelMap = undefined;
     let options: generateBarcode.CreateOptions = {
       scanType: scanCore.ScanType.QR_CODE,
-      height: 400,
-      width: 400
+      height: this.qrSize,
+      width: this.qrSize
     }
     try {
       // 码图生成接口，成功返回PixelMap格式图片
@@ -33,19 +36,24 @@ export struct QRCodeDialog {
   }
 
   build() {
-    Flex({ justifyContent: FlexAlign.Center }) {
-      Column({ space: 10 }){
-        if (this.pixelMap) {
-          Image(this.pixelMap).width(300).height(300).objectFit(ImageFit.Contain)
-        }
-        Text(this.content)
-          .fontSize(10)
-          .fontColor($r('app.color.str_gray'))
-          .onClick(() => {
-            copyText(this.content, "uri copied");
-          })
+    Column({ space: 10 }) {
+      if (this.pixelMap) {
+        Image(this.pixelMap)
+          .objectFit(ImageFit.Contain)
+          .constraintSize({ maxHeight: this.qrSize })
+          .layoutWeight(1)
       }
+      Text() {
+        Span(this.content)
+      }
+      .fontSize(10)
+      .fontColor($r('app.color.str_gray'))
+      .onClick(() => {
+        copyText(this.content, "uri copied");
+      })
+
     }
     .padding(20)
+    .width('100%')
   }
 }

entry/src/main/ets/entryability/EntryAbility.ets

@@ -20,6 +20,7 @@ export class AppWindowInfo {
   @Trace AvoidBottomHeight: number = 0;
   @Trace WidthBreakpoint: WidthBreakpoint = 0;
   @Trace HeightBreakpoint: HeightBreakpoint = 0;
+  @Trace Size: window.Size = { width: 0, height: 0};
 }
 
 export default class EntryAbility extends UIAbility {
@@ -30,6 +31,7 @@ export default class EntryAbility extends UIAbility {
     let heightBp: HeightBreakpoint = this.uiContext!.getWindowHeightBreakpoint();
     win.WidthBreakpoint = widthBp;
     win.HeightBreakpoint = heightBp;
+    win.Size = windowSize;
   };
 
   onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {

entry/src/main/ets/pages/Index.ets

@@ -408,6 +408,7 @@ struct Index {
             TabBarVisible: false,
             appBottomAvoidHeight: this.window.AvoidBottomHeight,
             appTopAvoidHeight: this.window.AvoidTopHeight,
+            appWindowSize: this.window.Size,
             updateTokenConfig: this.updateTokenConfig,
             updateTokenConfigs: this.updateTokenConfigs,
             token_hide_enable: this.token_hide_enable,
@@ -427,6 +428,7 @@ struct Index {
                 TabBarVisible: true,
                 appBottomAvoidHeight: this.window.AvoidBottomHeight,
                 appTopAvoidHeight: this.window.AvoidTopHeight,
+                appWindowSize: this.window.Size,
                 updateTokenConfig: this.updateTokenConfig,
                 updateTokenConfigs: this.updateTokenConfigs,
                 token_hide_enable: this.token_hide_enable,

entry/src/main/ets/pages/TokenListPage.ets

@@ -7,7 +7,7 @@ import { AppPreference, SettingValue } from "../utils/AppPreference";
 import { otpType, TokenConfig } from "../utils/TokenConfig";
 import { TokenStore } from "../utils/TokenStore";
 import { convertToken2URI, ScanBarCode } from "../utils/TokenUtils";
-import { curves } from "@kit.ArkUI";
+import { curves, window } from "@kit.ArkUI";
 import { url } from "@kit.ArkTS";
 import { decodeProtobuf } from "../utils/GoogleAuthUtils";
 import { URIConfigDialog } from "../dialogs/URIConfigDialog";
@@ -20,6 +20,7 @@ export struct TokenListPage {
   @Require @Param Tokens: TokenConfig[] = [];
   @Require @Param appBottomAvoidHeight: number = 0;
   @Require @Param appTopAvoidHeight: number = 0;
+  @Require @Param appWindowSize: window.Size = { width: 0, height: 0 };
   @Require @Param TabBarVisible: boolean = true;
   @Event updateTokenConfig: (conf: TokenConfig, toast: boolean) => void = () => {};
   @Event updateTokenConfigs: (tokens: Array<TokenConfig>) => void = () => {};
@@ -289,7 +290,8 @@ export struct TokenListPage {
       .onClick(() => {
         this.dialog_qrcode = new CustomDialogController({
           builder: QRCodeDialog({
-            content: convertToken2URI(conf)
+            content: convertToken2URI(conf),
+            winSize: this.appWindowSize
           })
         });
         this.dialog_qrcode.open();