flutter_ali_auth
flutter_ali_auth copied to clipboard
版本v1.0.4,底部弹窗模式,ios无法设置样式,下载demo运行也这样。安卓运行正常。
Describe the bug 版本v1.0.4,底部弹窗模式,ios无法设置样式,下载demo运行也这样。安卓运行正常。
To Reproduce
这是安卓运行,页面样式和代码config里配置的一样
这是ios运行,不知道哪儿来的默认样式,修改config配置也不生效,底部协议文案也和配置的不一样
这是我的底部弹窗配置,直接copy的demo
另外ios还有 点这个弹出框,能穿透触发底层按钮的点击事件 的问题,我看之前有提过,但好像没有明确的解决方法,想请教下这个问题咋解决 https://github.com/CodeGather/flutter_ali_auth/issues/65#issue-1163558307
点击穿透是flutter的问题,在官方也有这个反馈,现在解决方式可以使用弹出一个蒙层盖住
噢噢,好的,那我再盖一个蒙层。还有就是,想请教一下ios样式和config设置的不一样,是什么原因呢?
噢噢,好的,那我再盖一个蒙层。还有就是,想请教一下ios样式和config设置的不一样,是什么原因呢?
这个参数没有适配好,目前适配已完成,正在进一步测试中,测试完毕后会第一时间发布的,尽情关注
噢噢,好的,那我再盖一个蒙层。还有就是,想请教一下ios样式和config设置的不一样,是什么原因呢?
这个参数没有适配好,目前适配已完成,正在进一步测试中,测试完毕后会第一时间发布的,尽情关注
好的....感谢,期待新版本发布!
噢噢,好的,那我再盖一个蒙层。还有就是,想请教一下ios样式和config设置的不一样,是什么原因呢?
这个参数没有适配好,目前适配已完成,正在进一步测试中,测试完毕后会第一时间发布的,尽情关注
作者你好,不止是弹窗模式,还有全屏模式上 比如 隐藏logo 更改文字颜色,各种距离参数,很多的参数在ios上都不生效。希望能修复一下~
9/27更新进展,看到pub上更新了1.0.6说修复了,测试了下,底部弹窗大部分样式生效了,还剩整体的背景图、登录按钮的文字颜色、协议文案对齐方式等样式未生效。
参照demo,看看是不是参数配置问题,测试时没有问题的哦
参照demo,看看是不是参数配置问题,测试时没有问题的哦
其他都还好,设置了背景图不显示,显示的纯黑背景,协议的话,设置了居左,但是ios居中了,同参数配置在安卓上是正常。。。
背景参数你肯定设置错了
背景参数你肯定设置错了
这是我的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表现
添加参数 backgroundPath 试试看
使用backgroundPath参数,背景变成了白色,没有显示设置的背景图
检查是否存在图片,获取是否设置正确
背景参数你肯定设置错了
这是我的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表现
![]()
我也出现同样的问题,1.0.8版本,ios的协议没有显示出来,安卓的协议就正常。和你上面的图片一样。
你现在有解决吗。
你现在有解决吗。
没有,我IOS换成全屏模式了