flutter_ali_auth icon indicating copy to clipboard operation
flutter_ali_auth copied to clipboard

版本v1.0.4,底部弹窗模式,ios无法设置样式,下载demo运行也这样。安卓运行正常。

Open Jambooo opened this issue 2 years ago • 17 comments

Describe the bug 版本v1.0.4,底部弹窗模式,ios无法设置样式,下载demo运行也这样。安卓运行正常。

To Reproduce 这是安卓运行,页面样式和代码config里配置的一样 lADPJx8Zx84lUtvND8DNC9A_3024_4032 这是ios运行,不知道哪儿来的默认样式,修改config配置也不生效,底部协议文案也和配置的不一样 1663915174662_lADPJxf-ymsorSzNBQDNAlA_592_1280

这是我的底部弹窗配置,直接copy的demo image

Jambooo avatar Sep 23 '22 07:09 Jambooo

另外ios还有 点这个弹出框,能穿透触发底层按钮的点击事件 的问题,我看之前有提过,但好像没有明确的解决方法,想请教下这个问题咋解决 https://github.com/CodeGather/flutter_ali_auth/issues/65#issue-1163558307

Jambooo avatar Sep 23 '22 07:09 Jambooo

点击穿透是flutter的问题,在官方也有这个反馈,现在解决方式可以使用弹出一个蒙层盖住

CodeGather avatar Sep 24 '22 00:09 CodeGather

噢噢,好的,那我再盖一个蒙层。还有就是,想请教一下ios样式和config设置的不一样,是什么原因呢?

Jambooo avatar Sep 26 '22 01:09 Jambooo

噢噢,好的,那我再盖一个蒙层。还有就是,想请教一下ios样式和config设置的不一样,是什么原因呢?

这个参数没有适配好,目前适配已完成,正在进一步测试中,测试完毕后会第一时间发布的,尽情关注

CodeGather avatar Sep 26 '22 01:09 CodeGather

噢噢,好的,那我再盖一个蒙层。还有就是,想请教一下ios样式和config设置的不一样,是什么原因呢?

这个参数没有适配好,目前适配已完成,正在进一步测试中,测试完毕后会第一时间发布的,尽情关注

好的....感谢,期待新版本发布!

Jambooo avatar Sep 26 '22 01:09 Jambooo

噢噢,好的,那我再盖一个蒙层。还有就是,想请教一下ios样式和config设置的不一样,是什么原因呢?

这个参数没有适配好,目前适配已完成,正在进一步测试中,测试完毕后会第一时间发布的,尽情关注

作者你好,不止是弹窗模式,还有全屏模式上 比如 隐藏logo 更改文字颜色,各种距离参数,很多的参数在ios上都不生效。希望能修复一下~

hyhing avatar Sep 26 '22 05:09 hyhing

9/27更新进展,看到pub上更新了1.0.6说修复了,测试了下,底部弹窗大部分样式生效了,还剩整体的背景图、登录按钮的文字颜色、协议文案对齐方式等样式未生效。

Jambooo avatar Sep 27 '22 07:09 Jambooo

参照demo,看看是不是参数配置问题,测试时没有问题的哦

CodeGather avatar Sep 27 '22 11:09 CodeGather

参照demo,看看是不是参数配置问题,测试时没有问题的哦

lADPJxDjzWVdfRjND8DNC9A_3024_4032 其他都还好,设置了背景图不显示,显示的纯黑背景,协议的话,设置了居左,但是ios居中了,同参数配置在安卓上是正常。。。

Jambooo avatar Sep 27 '22 11:09 Jambooo

背景参数你肯定设置错了

CodeGather avatar Sep 27 '22 12:09 CodeGather

背景参数你肯定设置错了

这是我的config

/// 底部弹窗登录
AliAuthModel getDialogButtomConfig(
    {bool isDelay = false,
    String? androidSk,
    String? iosSk,
    int? dialogWidth,
    int? dialogHeight,
    int? unit,
    int? logBtnHeight}) {
  return AliAuthModel(
    androidSk,
    iosSk,
    isDebug: true,
    isDelay: false,
    pageType: PageType.dialogBottom,
    statusBarColor: "#026ED2",
    bottomNavColor: "#d2d2d2",
    navColor: "#026ED2",
    navText: "欢迎来到培伴",
    navTextSize: 16,
    navTextColor: "#0C0D16",
    navReturnImgPath: "images/vip-close.png",
    navReturnImgWidth: 24,
    navReturnImgHeight: 24,
    navReturnHidden: false,
    navReturnScaleType: ScaleType.center,
    navHidden: false,
    numberColor: "#000000",
    numberSize: 24,
    switchAccHidden: false,
    switchAccTextColor: "#A5A5AF",
    switchAccTextSize: 13,
    switchAccText: "其他登录方式 >",
    switchOffsetY: unit! * 5 + 70,
    logBtnText: "本机号一键登录",
    logBtnTextSize: 16,
    logBtnTextColor: "#FFFFFF",
    uncheckedImgPath: "images/checked_img_no.png",
    checkedImgPath: "images/checked_img.png",
    protocolOneName: "《培伴用户协议》",
    protocolOneURL: "https://peiban-api.trainingmag.com.cn/secrets.html",
    protocolTwoName: "《隐私政策》",
    protocolTwoURL: "https://peiban-api.trainingmag.com.cn/secrets.html",
    // protocolThreeName: "《思预云APP》",
    // protocolThreeURL: "",
    protocolCustomColor: "#0C0D16",
    protocolColor: "#A5A5AF",
    protocolLayoutGravity: Gravity.centerHorizntal,
    sloganTextColor: "#0C0D16",
    sloganText: " ",
    logBtnBackgroundPath:
        "images/login_btn_bg.png,images/login_btn_bg.png,images/login_btn_bg.png",
    loadingImgPath: "authsdk_waiting_icon",
    sloganOffsetY: unit! * 4,
    sloganTextSize: 11,
    sloganHidden: false,
    logoWidth: 58,
    logoHeight: 58,
    logoImgPath: "images/ali_login_logo.png",
    logoHidden: false,
    logoOffsetY: unit,
    logoOffsetY_B: -1,
    logoScaleType: ScaleType.fitXy,
    numFieldOffsetY: unit * 3,
    numFieldOffsetY_B: -1,
    numberFieldOffsetX: 0,
    numberLayoutGravity: Gravity.centerHorizntal,
    logBtnOffsetY: unit * 5,
    logBtnHeight: logBtnHeight,
    logBtnOffsetX: 0,
    logBtnMarginLeftAndRight: 25,
    logBtnLayoutGravity: Gravity.centerHorizntal,
    logBtnToastHidden: false,
    checkBoxWidth: 22,
    checkBoxHeight: 22,
    checkboxHidden: false,
    privacyState: false,
    protocolGravity: Gravity.left,
    privacyTextSize: 12,
    privacyMargin: 25,
    dialogHeight: dialogHeight,
    dialogBottom: true,
    pageBackgroundPath: "images/ali_login_bg.png",
    pageBackgroundRadius: 10,
    webViewStatusBarColor: "#026ED2",
    // webNavColor: "#FFFFFF",
    // webNavTextColor: "#F0F0F8",
    // webNavReturnImgPath: "assets/return_btn.png",
    webSupportedJavascript: true,
    authPageActIn: "in_activity",
    activityOut: "out_activity",
    authPageActOut: "in_activity",
    activityIn: "out_activity",
    dialogAlpha: 0.4,
    bottomNavBarColor: "#000000",
  );
}

这是同配置下的安卓和ios表现 lADPJxDjzW-dV-jND8DNC9A_3024_4032 lADPJv8gVDeag-zND8DNC9A_3024_4032

Jambooo avatar Sep 28 '22 02:09 Jambooo

添加参数 backgroundPath 试试看

CodeGather avatar Sep 28 '22 02:09 CodeGather

使用backgroundPath参数,背景变成了白色,没有显示设置的背景图

Jambooo avatar Oct 08 '22 01:10 Jambooo

检查是否存在图片,获取是否设置正确

CodeGather avatar Oct 08 '22 14:10 CodeGather

背景参数你肯定设置错了

这是我的config

/// 底部弹窗登录
AliAuthModel getDialogButtomConfig(
    {bool isDelay = false,
    String? androidSk,
    String? iosSk,
    int? dialogWidth,
    int? dialogHeight,
    int? unit,
    int? logBtnHeight}) {
  return AliAuthModel(
    androidSk,
    iosSk,
    isDebug: true,
    isDelay: false,
    pageType: PageType.dialogBottom,
    statusBarColor: "#026ED2",
    bottomNavColor: "#d2d2d2",
    navColor: "#026ED2",
    navText: "欢迎来到培伴",
    navTextSize: 16,
    navTextColor: "#0C0D16",
    navReturnImgPath: "images/vip-close.png",
    navReturnImgWidth: 24,
    navReturnImgHeight: 24,
    navReturnHidden: false,
    navReturnScaleType: ScaleType.center,
    navHidden: false,
    numberColor: "#000000",
    numberSize: 24,
    switchAccHidden: false,
    switchAccTextColor: "#A5A5AF",
    switchAccTextSize: 13,
    switchAccText: "其他登录方式 >",
    switchOffsetY: unit! * 5 + 70,
    logBtnText: "本机号一键登录",
    logBtnTextSize: 16,
    logBtnTextColor: "#FFFFFF",
    uncheckedImgPath: "images/checked_img_no.png",
    checkedImgPath: "images/checked_img.png",
    protocolOneName: "《培伴用户协议》",
    protocolOneURL: "https://peiban-api.trainingmag.com.cn/secrets.html",
    protocolTwoName: "《隐私政策》",
    protocolTwoURL: "https://peiban-api.trainingmag.com.cn/secrets.html",
    // protocolThreeName: "《思预云APP》",
    // protocolThreeURL: "",
    protocolCustomColor: "#0C0D16",
    protocolColor: "#A5A5AF",
    protocolLayoutGravity: Gravity.centerHorizntal,
    sloganTextColor: "#0C0D16",
    sloganText: " ",
    logBtnBackgroundPath:
        "images/login_btn_bg.png,images/login_btn_bg.png,images/login_btn_bg.png",
    loadingImgPath: "authsdk_waiting_icon",
    sloganOffsetY: unit! * 4,
    sloganTextSize: 11,
    sloganHidden: false,
    logoWidth: 58,
    logoHeight: 58,
    logoImgPath: "images/ali_login_logo.png",
    logoHidden: false,
    logoOffsetY: unit,
    logoOffsetY_B: -1,
    logoScaleType: ScaleType.fitXy,
    numFieldOffsetY: unit * 3,
    numFieldOffsetY_B: -1,
    numberFieldOffsetX: 0,
    numberLayoutGravity: Gravity.centerHorizntal,
    logBtnOffsetY: unit * 5,
    logBtnHeight: logBtnHeight,
    logBtnOffsetX: 0,
    logBtnMarginLeftAndRight: 25,
    logBtnLayoutGravity: Gravity.centerHorizntal,
    logBtnToastHidden: false,
    checkBoxWidth: 22,
    checkBoxHeight: 22,
    checkboxHidden: false,
    privacyState: false,
    protocolGravity: Gravity.left,
    privacyTextSize: 12,
    privacyMargin: 25,
    dialogHeight: dialogHeight,
    dialogBottom: true,
    pageBackgroundPath: "images/ali_login_bg.png",
    pageBackgroundRadius: 10,
    webViewStatusBarColor: "#026ED2",
    // webNavColor: "#FFFFFF",
    // webNavTextColor: "#F0F0F8",
    // webNavReturnImgPath: "assets/return_btn.png",
    webSupportedJavascript: true,
    authPageActIn: "in_activity",
    activityOut: "out_activity",
    authPageActOut: "in_activity",
    activityIn: "out_activity",
    dialogAlpha: 0.4,
    bottomNavBarColor: "#000000",
  );
}

这是同配置下的安卓和ios表现 lADPJxDjzW-dV-jND8DNC9A_3024_4032 lADPJv8gVDeag-zND8DNC9A_3024_4032

我也出现同样的问题,1.0.8版本,ios的协议没有显示出来,安卓的协议就正常。和你上面的图片一样。

lan2001 avatar Oct 27 '22 13:10 lan2001

你现在有解决吗。

lan2001 avatar Oct 27 '22 13:10 lan2001

你现在有解决吗。

没有,我IOS换成全屏模式了

Jambooo avatar Nov 01 '22 03:11 Jambooo