quickpass_yidun_flutter 1.4.8 copy "quickpass_yidun_flutter: ^1.4.8" to clipboard
quickpass_yidun_flutter: ^1.4.8 copied to clipboard

A new Flutter plugin for quichlogin,It is used for one-click login,please use it

号码认证 #

直连三大运营商,一步校验手机号与当前 SIM 卡号一致性。优化注册/登录/支付等场景验证流程

平台支持(兼容性) #

Android iOS
适用版本区间:4.4以上 适用版本区间:9 - 14

环境准备 #

CocoaPods安装教程

资源引入/集成 #

在 pubspec.yaml 中添加

dependencies:
    quickpass_yidun_flutter: ^1.4.3

项目开发配置 #

1.0.3 版本之前需要在 flutter 工程对应的 android/app/build.gradle 文件的 android 域中添加

repositories {
    flatDir {
        dirs project(':quickpass_yidun_flutter').file('libs')
    }
}

release 包需要添加混淆规则

-dontwarn com.cmic.sso.sdk.**
-keep class com.cmic.sso.**{*;}
-dontwarn com.sdk.**
-keep class com.sdk.** { *;}
-keep class cn.com.chinatelecom.account.**{*;}
-keep public class * extends android.view.View
-keep class com.netease.nis.quicklogin.entity.**{*;}
-keep class com.netease.nis.quicklogin.listener.**{*;}
-keep class com.netease.nis.quicklogin.QuickLogin{
    public <methods>;
    public <fields>;
}
-keep class com.netease.nis.quicklogin.helper.UnifyUiConfig{*;}
-keep class com.netease.nis.quicklogin.helper.UnifyUiConfig$Builder{
     public <methods>;
     public <fields>;
 }
-keep class com.netease.nis.quicklogin.utils.LoginUiHelper$CustomViewListener{
     public <methods>;
     public <fields>;
}
-keep class com.netease.nis.basesdk.**{
    public *;
    protected *;
}

调用示例 #

import 'dart:convert';
import 'dart:io';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:quickpass_yidun_flutter/quickpass_flutter_plugin.dart';

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final QuickpassFlutterPlugin quickLoginPlugin = new QuickpassFlutterPlugin();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('易盾一键登录'),
        ),
        body: _buildContent(),
      ),
    );
  }

  Widget _buildContent() {
    return Center(
      widthFactor: 2,
      child: new Column(
        children: <Widget>[
          new Container(
            margin: EdgeInsets.fromLTRB(40, 5, 40, 5),
            child: new Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                new TextButton(
                    onPressed: () {
                      isInitSuccess();
                    },
                    child: Text("初始化"))
              ],
            ),
          ),
          new Container(
            child: SizedBox(
              child: new TextButton(
                  onPressed: () {
                    preLogin();
                  },
                  child: Text("预取号")),
              width: double.infinity,
            ),
            margin: EdgeInsets.fromLTRB(40, 5, 40, 5),
          ),
          new Container(
            child: SizedBox(
              child: new TextButton(
                onPressed: () {
                  quickLogin();
                },
                child: Text("调起授权页"),
              ),
              width: double.infinity,
            ),
            margin: EdgeInsets.fromLTRB(40, 5, 40, 5),
          ),
        ],
        mainAxisAlignment: MainAxisAlignment.start,
      ),
    );
  }

  /// sdk 初始化是否完成
  void isInitSuccess() {
    quickLoginPlugin.init("易盾业务id", 4).then((map) {
      bool result = map?['success'];
    });
  }

  /// 预取号
  void preLogin() async {
    Map<dynamic, dynamic>? map = await quickLoginPlugin.preFetchNumber();
    if (map?['success'] == true) {
      var ydToken = map?['token'];
    } else {
      var ydToken = map?['token'];
      var errorMsg = map?['errorMsg'];
    }
  }

  void quickLogin() {
    var configMap;
    String file = "";
    if (Platform.isIOS) {
      file = "asserts/ios-light-config.json";
    } else if (Platform.isAndroid) {
      file = "asserts/android-light-config.json";
    }
    rootBundle.loadString(file).then((value) async {
      configMap = {"uiConfig": json.decode(value)};
      quickLoginPlugin.setUiConfig(configMap);
      Map<dynamic, dynamic>? map = await quickLoginPlugin.onePassLogin();
      if (map?["success"]) {
        var accessToken = map?["accessToken"];
        quickLoginPlugin.closeLoginAuthView();
      } else {
        var errorMsg = map?["msg"];
        quickLoginPlugin.closeLoginAuthView();
      }
    });
  }	
 } 

更多使用场景请参考 demo

SDK方法说明 #

1. 创建对象 #

代码说明:

import 'package:quickpass_yidun_flutter/quickpass_flutter_plugin.dart'
QuickpassFlutterPlugin quickLoginPlugin = new QuickpassFlutterPlugin();

2. 是否具备一键登录能力 #

代码说明:

quickLoginPlugin.checkVerifyEnable().then((map) {
    bool result = map['success'];
});

参数说明:

  • 回调参数说明:

    回调参数 类型 描述
    success Boolean 是否具备一键登录能力

3. 初始化 #

代码说明:

quickLoginPlugin.init(String businessId, int timeout).then((map) {
    bool result = map['success'];
});

参数说明:

  • 入参说明:

    参数 类型 是否必填 默认值 描述
    businessId String 易盾分配的业务 id
    isDebug boolean false 是否打开日志开关
    timeout int 3 运营商预取号和授权登录接口的超时时间,单位秒
  • 回调参数说明:

    回调参数 类型 描述
    success Boolean 初始化是否成功

4. 预取号 #

代码说明:

Map map = await quickLoginPlugin.preFetchNumber();
if (map['success'] == true) {
    var ydToken = map['token'];
} else {
    var ydToken = map['token'];
    var errorMsg = map['errorMsg'];
}

参数说明:

  • 回调参数说明:

    回调参数 类型 描述
    success Boolean 预取号是否成功
    token String 如果预取号成功则返回易盾 token,否则无此字段
    errorMsg String 如果预取号失败,返回错误详情

5. 自定义授权页面 #

在工程目录下新建asserts文件夹添加json配置文件,可配置项参考下面说明

代码说明:

String file = "";
if (Platform.isIOS) {
    file = "asserts/ios-light-config.json";
} else if (Platform.isAndroid) {
    file = "asserts/android-light-config.json";
}
rootBundle.loadString(file).then((value) async {
    configMap = {"uiConfig": json.decode(value)};
    quickLoginPlugin.setUiConfig(configMap);
});

参数说明:

  • 基础参数:

    参数 类型 是否必填 默认值 描述
    config Map 自定义配置项

config 可配置项说明: android版


安卓规范示意图 自定义展示图

状态栏
配置项 说明
statusBarColor:String 设置状态栏背景颜色,十六进制RGB值,如 "#ff0000"
isStatusBarDarkColor:boolean 设置状态栏字体图标颜色是否为暗色(黑色)
导航栏
配置项 说明
navBackIcon:String 导航栏图标,图标放在 android drawable 下,这里配置图标名字
navBackIconWidth:int 设置导航栏返回图标的宽度,单位 dp
navBackIconHeight:int 设置导航栏返回图标的高度,单位 dp
navBackIconGravity:int 设置导航栏返回图标位置,居左 3,居右 5,默认居左
navBackIconMargin:int 设置导航栏返回图标上下左右边距,单位 dp
isHideBackIcon:boolean 设置是否隐藏导航栏返回按钮
navBackgroundColor:String 设置导航栏背景颜色,十六进制RGB值,如 "#ff0000"
navHeight:int 设置导航栏高度,单位 dp
navTitle:String 设置导航栏标题
navTitleColor:String 设置导航栏标题颜色,十六进制RGB值,如 "#ff0000"
navTitleSize:int 设置导航栏标题大小,单位 sp
navTitleDpSize:int 设置导航栏标题大小,单位 dp
isNavTitleBold:boolean 设置导航栏标题是否为粗体
isHideNav:boolean 设置是否隐藏导航栏
配置项 说明
logoIconName:String 应用 logo 图标,图标放在 android drawable 下,这里配置图标名字
logoWidth:int 设置应用logo宽度,单位dp
logoHeight:int 设置应用 logo 高度,单位 dp
logoTopYOffset:int 设置 logo 顶部 Y 轴偏移,单位 dp
logoBottomYOffset:int 设置 logo 距离屏幕底部偏移,单位 dp
logoXOffset:int 设置 logo 水平方向的偏移,单位 dp
isHideLogo:boolean 设置是否隐藏 logo
手机掩码
配置项 说明
maskNumberColor:String 设置手机掩码颜色,十六进制RGB值,如 "#ff0000"
maskNumberSize:int 设置手机掩码字体大小,单位 px
maskNumberXOffset:int 设置手机掩码水平方向的偏移,单位 dp
maskNumberDpSize:int 设置手机掩码字体大小,单位 dp
maskNumberTopYOffset:int 设置手机掩码顶部Y轴偏移,单位 dp
maskNumberBottomYOffset:int 设置手机掩码距离屏幕底部偏移,单位 dp
maskNumberWidth:int 设置手机掩码宽度,单位 dp
maskNumberHeight:int 设置手机掩码高度,单位 dp
maskNumberBackgroundRes:String 设置手机掩码背景图标,图标放在 android drawable 下,这里配置图标名字
maskNumberTf:String 设置手机掩码字体,字体放在 android assets 下,这里配置字体名字
认证品牌
配置项 说明
sloganSize:int 设置认证品牌字体大小,单位 px
sloganDpSize:int 设置认证品牌字体大小,单位 dp
sloganColor:String 设置认证品牌颜色,十六进制RGB值,如 "#ff0000"
sloganTopYOffset:int 设置认证品牌顶部 Y 轴偏移,单位 dp
sloganBottomYOffset:int 设置认证品牌距离屏幕底部偏移,单位 dp
sloganXOffset:int 设置认证品牌水平方向的偏移,单位 dp
登录按钮
配置项 说明
loginBtnText:String 设置登录按钮文本
loginBtnTextSize:int 设置登录按钮文本字体大小,单位 px
loginBtnTextDpSize:int 设置登录按钮文本字体大小,单位 dp
loginBtnTextColor:String 设置登录按钮文本颜色,十六进制RGB值,如 "#ff0000"
loginBtnWidth:int 设置登录按钮宽度,单位 dp
loginBtnHeight:int 设置登录按钮高度,单位 dp
loginBtnMarginLeft:int 设置登录按钮左边距,单位 dp
loginBtnMarginRight:int 设置登录按钮右边距,单位 dp
loginBtnBackgroundRes:String 设置登录按钮背景图标,图标放在 android drawable 下,这里配置图标名字
loginBtnTopYOffset:int 设置登录按钮顶部Y轴偏移,单位 dp
loginBtnBottomYOffset:int 设置登录按钮距离屏幕底部偏移,单位 dp
loginBtnXOffset:int 设置登录按钮水平方向的偏移,单位 dp
隐私协议
配置项 说明
privacyTextColor:String 设置隐私栏文本颜色,不包括协议 ,如若隐私栏协议文案为:登录即同意《中国移动认证条款》且授权 QuickLogin 登录, 则该API对除协议‘《中国移动认证条款》’区域外的其余文本生效
privacyDialogTextColor:String 设置协议未勾选弹窗隐私栏文本颜色,不包括协议
privacyProtocolColor:String 设置隐私栏协议颜色 。例如:登录即同意《中国移动认证条款》且授权 QuickLogin 登录 , 则该 API 仅对‘《中国移动认证条款》’文案生效
privacyDialogProtocolColor:String 设置协议未勾选弹窗隐私栏协议颜色
privacySize:int 设置隐私栏区域字体大小,单位 px
privacyDpSize:int 设置隐私栏区域字体大小,单位 dp
privacyTopYOffset:int 设置隐私栏顶部Y轴偏移,单位 dp
privacyBottomYOffset:int 设置隐私栏距离屏幕底部偏移,单位 dp
privacyWidth:int 设置隐私栏区域宽度,单位 dp
privacyTextMarginLeft:int 设置隐私栏复选框和文字内边距,单位 dp
privacyMarginLeft:int 设置隐私栏水平方向的偏移,单位 dp
privacyMarginRight:int 设置隐私栏右侧边距,单位 dp
privacyState:boolean 设置隐私栏协议复选框勾选状态,true 勾选,false 不勾选
isHidePrivacyCheckBox:boolean 设置是否隐藏隐私栏勾选框
isPrivacyTextGravityCenter:boolean 设置隐私栏文案换行后是否居中对齐,如果为true则居中对齐,否则左对齐
checkBoxGravity:int 设置隐私栏勾选框与文本协议对齐方式,可选择顶部(48),居中(17),底部(80)等
checkBoxWith:int 设置隐私栏复选框宽度,单位 dp
checkBoxHeight:int 设置隐私栏复选框高度,单位 dp
checkedImageName:String 设置隐私栏复选框选中时的图片资源,图标放在 android drawable 下,这里配置图标名字
unCheckedImageName:String 设置隐私栏复选框未选中时的图片资源,图标放在 android drawable 下,这里配置图标名字
privacyTextStart:String 设置隐私栏声明部分起始文案 。如:隐私栏声明为"登录即同意《隐私政策》和《中国移动认证条款》且授权易盾授予本机号码",则可传入"登录即同意"
privacyTextStartSize:int 隐私栏起始文案字体大小
privacyLineSpacingAdd:int 隐私栏文本间距
privacyLineSpacingMul:int 隐私栏文本间距倍数
protocolConnect:String 设置隐私栏运营商协议和自定义协议的连接符
userProtocolConnect:String 设置隐私栏自定义协议之间的连接符
operatorPrivacyAtLast:boolean 运营商协议是否在末尾
isHidePrivacySmh:boolean 是否隐藏运营商协议书名号
protocolText:String 设置隐私栏协议文本
protocolLink:String 设置隐私栏协议链接
protocol2Text:String 设置隐私栏协议 2 文本
protocol2Link:String 设置隐私栏协议 2 链接
protocol3Text:String 设置隐私栏协议 3 文本
protocol3Link:String 设置隐私栏协议 3 链接
privacyTextEnd:String 设置隐私栏声明部分尾部文案。如:隐私栏声明为"登录即同意《隐私政策》和《中国移动认证条款》且授权易盾授予本机号码",则可传入"且授权易盾授予本机号码"
协议详情 Web 页面导航栏
配置项 说明
protocolNavTitle:String 设置协议 Web 页面导航栏标题,如果需要根据不同运营商设置不同标题
protocolNavTitleColor:String 设置协议 Web 页面导航栏标题颜色
protocolNavBackIcon:String 设置协议 Web 页面导航栏返回图标,图标放在 android drawable 下,这里配置图标名字
protocolNavColor:String 设置协议Web页面导航栏颜色
protocolNavBackIconMargin:int 设置协议Web页面导航栏返回按钮距离左边距离
protocolNavHeight:int 设置协议 Web 页面导航栏高度
protocolNavTitleSize:int 设置协议Web页面导航栏标题大小,单位 px
protocolNavTitleDpSize:int 设置协议 Web 页面导航栏标题大小,单位 dp
protocolNavBackIconWidth:int 设置协议 Web 页面导航栏返回按钮宽度,单位 dp
protocolNavBackIconHeight:int 设置协议 Web 页面导航栏返回按钮高度,单位 dp
其他
配置项 说明
backgroundImage:String 设置登录页面背景,图片放在 android drawable 下,这里配置图片名字
backgroundGif:String 设置登录页面背景为 Gif,Gif 资源需要放置到android drawable 目录下,传入资源名称即可
backgroundVideo:String 设置登录页面背景为视频,视频放在android res/raw 文件夹下,这里配置视频文件名字。必须同时配置 backgroundVideo
backgroundVideoImage:String 设置视频背景时的预览图,图片放在 android drawable 下,这里配置图标名字,配合 backgroundVideo 使用
enterAnimation:String 设置授权页进场动画,enterAnimation 进场动画xml无后缀文件名。放置在 android anim目录下
exitAnimation:String 设置授权页退出动画,exitAnimation 进场动画xml无后缀文件名。放置在 android anim目录下
isShowLoading:boolean 设置授权登录页是否显示loading View
isBackPressedAvailable:boolean 授权登录页物理返回键是否可用
isVirtualButtonHidden:boolean 是否隐藏虚拟键
isLandscape:boolean 是否横屏
isDialogMode:boolean 是否弹窗模式
dialogWidth:int 授权页弹窗宽度,单位 dp
dialogHeight:int 授权页弹窗高度,单位 dp
dialogX:int 授权页弹窗 X 轴偏移量,以屏幕中心为原点
dialogY:int 授权页弹窗 Y 轴偏移量,以屏幕中心为原点
isBottomDialog:boolean 授权页弹窗是否贴于屏幕底部
true:显示在屏幕底部,dialogY 失效
false:不显示在屏幕底部,以 dialogY 参数为准
isProtocolDialogMode:boolean 协议详情页是否开启弹窗模式
isPrivacyDialogAuto:boolean 协议未勾选弹窗点击是否自动登录
isShowPrivacyDialog:boolean 是否显示协议未勾选默认弹窗
privacyDialogText:String 协议未勾选弹窗自定义message
privacyDialogSize:Double 协议未勾选弹窗文本字体大小
自定义view
配置项 说明
widgets:JsonArray 自定义view数组
 ∟ viewId:String 控件 id
 ∟ type:String 控件类型,可选值为 TextView、Button、ImageView
 ∟ top:int 控件距离顶部的偏移,单位 dp
 ∟ left:int 控件距离左侧的偏移,单位 dp
 ∟ right:int 控件距离右侧的偏移,单位 dp
 ∟ bottom:int 控件距离底部的偏移,和top互斥,单位 dp
 ∟ width:int 控件宽度,单位 dp,默认自适应内容
 ∟ height:int 控件高度,单位 dp,默认自适应内容
 ∟ text:String 控件文本
 ∟ font:int 控件文本大小,单位 sp
 ∟ isBold:boolean 文本是否加粗,默认不加粗
 ∟ isGravityCenter:boolean 文本内容是否居中,默认不居中
 ∟ textColor:String 控件文本颜色,十六进制颜色码
 ∟ clickable:boolean 控件是否可点击
 ∟ backgroundColor:String 控件背景颜色,十六进制颜色码
 ∟ backgroundImgPath:String 控件背景图片,图片放在 android drawable 下,这里配置图片名字
 ∟ positionType:int 添加控件的位置类型,1表示位于导航栏部分,0表示位于导航栏下方的body部分,默认为0
 ∟ action:String 设置可点击控件的点击事件,在监听中回调。详见事件监听

config 可配置项说明: iOS版

设计规范概览
iOS设计规范 自定义展示图

基础配置
属性 说明
backgroundColor 设置授权页面背景颜色
authWindowPop 设置窗口类型
0 表示全屏模式
1 表示窗口在屏幕的中间
2 表示窗口在屏幕的底部(不支持横屏)
faceOrientation 设置授权页面方向
0 表示竖屏
1 表示左横屏
2 表示右横屏
3 表示左右横屏
4 表示屏幕全旋转
bgImage 设置授权转背景图片,例如 :"图片名.后缀"
contentMode 设置背景图片显示模式
0 表示 UIViewContentModeScaleToFill
1 表示UIViewContentModeScaleAspectFit
2 表示UIViewContentModeScaleAspectFill
转场动画
属性 说明
modalTransitionStyle 设置授权转场动画
0 表示下推
1 表示翻转
2 表示淡出
自定义控件

事例,注意:授权页面的图片需放到iOS项目 Assets.xcassets 中

"widgets": [
        {
            "type": "UIButton",
            "image": "weixin",
            "title": "",    
            "titleColor": "#000000",
            "titleFont": 12,
            "cornerRadius": 20,
            "action": "handleCustomEvent1",
            "frame": {"mainScreenLeftDistance":70,"mainScreenTopDistance":340,"width":40,"height":40},
            "backgroundImage":"",
            "backgroundColor":"#FFFFFF",
            "width":"100",
            "height":"100"
        },
        {
            "type": "UIButton",
            "image": "qq",
            "title": "",    
            "titleColor": "#FFFFFF",
            "titleFont": 12,
            "cornerRadius": 20,
            "action": "handleCustomEvent2",
            "frame": {"mainScreenCenterXWithLeftDistance":0,"mainScreenTopDistance":340,"width":40,"height":40},
            "backgroundImage": ""
        },
        {
            "type": "UIButton",
            "image": "weibo",
            "title": "",    
            "titleColor": "#FFFFFF",
            "titleFont": 12,
            "cornerRadius": 20,
            "action": "handleCustomEvent3",
            "frame": {"mainScreenRightDistance":70,"mainScreenTopDistance":340,"width":40,"height":40},
            "backgroundImage": ""
        },
        {
            "type": "UIButton",
            "image": "",
            "title": "其他登录方式",
            "titleColor": "#000000",
            "titleFont": 14,
            "cornerRadius": 20,
            "action": "handleCustomLabel",
            "backgroundImage": "login_btn_normal",
            "backgroundColor": "#000000",
            "frame": {"mainScreenLeftDistance":80,"mainScreenRightDistance":80,"mainScreenTopDistance":280,"height":40}
        },
        {
            "type": "UILabel",
            "textColor": "#FFFFFF",
            "font": 15,
            "cornerRadius": 20,
            "action": "handleCustomLabel1",
            "text": "其他登录方式",
            "textAlignment": 1,
            "backgroundColor": "#000000",
            "frame": {"mainScreenLeftDistance":80,"mainScreenRightDistance":80,"mainScreenBottomDistance":400,"height":40}
        }
    ]
配置项 说明
widgets:JsonArray 自定义view数组
 ∟ type:String 控件类型,可选值为 UILabel、UIButton
 ∟ image:String UIButton显示的图片。内容为图片名,不需要加图片后缀
 ∟ title:String UIButton显示的文字
 ∟ titleColor:String UIButton显示的字体颜色
 ∟ titleFont:int 字体的大小
 ∟ cornerRadius:int 控件的圆角
 ∟ backgroundImage:String UIButton的背景图片
 ∟ backgroundColor:String 控件背景颜色
 ∟ mainScreenLeftDistance:int 距离屏幕左边的距离,默认为0
 ∟ mainScreenRightDistance:int 距离屏幕右边的距离,默认为0
 ∟ mainScreenTopDistance:int 距离屏幕顶部的距离,默认为0
 ∟ mainScreenCenterXWithLeftDistance:int 为0时,居中显示。大于0,向屏幕左侧偏移。小于0,向右侧偏移
 ∟ width:int 控件的宽度,默认为0
 ∟ height:int 控件的高度,默认为0
 ∟ textAlignment:int 0,文本左对齐。1,文本居中显示。2文本右对齐
 ∟ text:String UILabel显示的文字
 ∟ textColor:String UILabel的字体颜色
 ∟ action:String 设置可点击控件的点击事件,在监听中回调。详见事件监听
背景设置视频
属性 说明
localVideoFileName 设置视频本地名称 例如xx.mp4*
isRepeatPlay 设置是否重复播放视频,YES 表示重复播放,NO 表示不重复播放
videoURL 设置网络视频的地址
背景设置 Gif
属性 说明
animationRepeatCount 设置动画重复的次数 -1无限重复
animationImages 设置图片数组
animationDuration 设置动画的时长
导航栏
属性 说明
navBarHidden 导航栏是否隐藏
navBgColor 设置导航栏背景颜色
navText 设置导航栏标题
navTextFont 设置导航栏标题字体大小
navTextColor 设置导航栏标题字体颜色
navTextHidden 设置导航栏标题是否隐藏,默认不隐藏
navReturnImg 设置导航返回图标,例如:"back-1"
navReturnImgLeftMargin 设置导航返回图标距离屏幕左边的距离,默认0
navReturnImgBottomMargin 设置导航返回图标距离屏幕底部的距离,默认0
navReturnImgWidth 设置导航返回图标的宽度,默认44
navReturnImgHeight 设置导航返回图标的高度 , 默认44
应用 Logo
属性 说明
logoIconName 设置logo图片, 例如 :"图片名.后缀"]
logoWidth 设置logo图片宽度
logoHeight 设置logo图片高度
logoOffsetTopY 设置logo图片沿Y轴偏移量, logoOffsetTopY为距离屏幕顶部的距离 ,默认为20
logoOffsetX 设置logo图片沿X轴偏移量,logoOffsetX = 0居中显示
logoHidden 设置logo图片是否隐藏,默认不隐藏
手机掩码
属性 说明
numberColor 设置手机号码字体颜色
numberFont 设置手机号码字体大小, 默认18
numberOffsetTopY 设置手机号码沿Y轴偏移量, numberOffsetTopY为距离屏幕顶部的距离 ,默认为100
numberOffsetX 设置logo图片沿X轴偏移量,logoOffsetX = 0居中显示
numberHeight 设置手机号码框的高度 默认27
numberBackgroundColor 设置手机号码的背景颜色
numberCornerRadius 设置手机号码的控件的圆角
numberLeftContent 设置手机号码的左边描述内容,默认为空
numberRightContent 设置手机号码的右边描述内容,默认为空色
认证品牌
属性 说明
brandColor 设置认证服务品牌文字颜色
brandBackgroundColor 设置认证服务品牌背景颜色
brandFont 设置认证服务品牌文字字体 默认12
brandWidth 设置认证服务品牌的宽度, 默认200
brandHeight 设置认证服务品牌的高度, 默认16
brandOffsetX 设置认证服务品牌X偏移量 ,brandOffsetX = 0居中显示
brandOffsetTopY 设置认证服务品牌Y偏移量, brandOffsetTopY为距离屏幕顶部的距离 ,默认为150
brandHidden 设置是否隐藏认证服务品牌,默认显示
登录按钮
属性 说明
logBtnText 设置登录按钮文本
loginBtnTextSize 设置登录按钮字体大小
logBtnTextColor 设置登录按钮文本颜色
logBtnOffsetTopY 设置登录按钮Y偏移量 ,logBtnOffsetTopY为距离屏幕顶部的距离 ,默认为200
logBtnRadius 设置登录按钮圆角,默认8
logBtnUsableBGColor 设置登录按钮背景颜色
logBtnEnableImg 设置登录按钮可用状态下的背景图片
logBtnHighlightedImg 登录按钮高亮状态下的背景图片
logBtnOriginLeft 登录按钮的左边距 ,横屏默认40 ,竖屏默认260
logBtnOriginRight 设置登录按钮的左边距,横屏默认40 ,竖屏默认260
logBtnHeight 设置登录按钮的高度,默认44
隐私协议

若勾选框需要展示,请务必设置勾选框的选中态图片与未选中态图片 协议未勾选时,登录按钮是否可点击可以自定义设置,弹窗提示的样式也可以自定义

属性 说明
unCheckedImageName 图片名
checkedImageName 图片名
checkboxWH 设置复选框大小(只能正方形) ,默认 12
privacyState 设置复选框默认状态 默认:NO
checkBoxAlignment 设置隐私条款check框位置
0 表示相对协议顶对齐
1 表示相对协议中对齐
2 表示相对协议下对齐 默认顶对齐
checkedSelected 设置复选框勾选状态,YES:勾选,NO:取消勾选状态
checkBoxMargin 设置复选框距离隐私条款的边距 默认 8
appPrivacyOriginLeftMargin 设置隐私条款距离屏幕左边的距离 默认 60
appPrivacyOriginRightMargin 设置隐私条款距离屏幕右边的距离 默认 40
appPrivacyOriginBottomMargin 设置隐私条款距离屏幕的距离 默认 40
privacyNavReturnImg 设置用户协议界面,导航栏返回图标,默认用导航栏返回图标
appPrivacyText 设置隐私的内容模板:全句可自定义但必须保留"《默认》"字段表明SDK默认协议,否则设置不生效。必设置项(参考SDK的demo)appPrivacyText设置内容:登录并同意《默认》和易盾协议1、网易协议2登录并支持一键登录,展示:登录并同意中国移动条款协议和易盾协议1、网易协议2登录并支持一键登录
appFPrivacyText 设置开发者隐私条款协议名称(第一个协议)
appFPrivacyURL 设置开发者隐私条款协议url(第一个协议)
appSPrivacyText 设置开发者隐私条款协议名称(第二个协议)
appSPrivacyURL 设置开发者隐私条款协议url(第二个协议)
shouldHiddenPrivacyMarks 设置是否隐藏"《默认》" 两边的《》,默认不隐藏
privacyColor 设置隐私条款名称颜色
privacyFont 设置隐私条款字体的大小
protocolColor 设置协议条款协议名称颜色
appPrivacyLineSpacing 设置隐私协议的行间距, 默认是1
appPrivacyWordSpacing 设置隐私协议的字间距, 默认是0
progressColor 设置用户协议界面,进度条颜色
showPrivacyDialog 0 显示自定义提示框;1 显示系统提示框 ;2 隐藏提示框
弹窗模式
属性 说明
popBackgroundColor 设置窗口模式的背景颜色
authWindowWidth 设置弹窗的宽度,竖屏状态下默认是 300,横屏状态下默认是 335
authWindowHeight 设置弹窗高度,竖屏状态下默认是335, 横屏状态下默认是300 ⚠️底部半屏弹窗模式的高度可通过修改 authWindowHeight,调整高度 默认335pt
closePopImg 设置弹窗模式下关闭按钮的图片,⚠️(必传)
closePopImgWidth 设置弹窗模式下关闭按钮图片的宽度 默认20*
closePopImgHeight 设置弹窗模式下关闭按钮图片的高度 默认20
closePopImgOriginY 设置关闭按钮距离顶部的距离,默认距离顶部10,距离 = 10 + closePopImgOriginY
closePopImgOriginX 设置关闭按钮距离父视图右边的距离,默认距离为10,距离 = 10 + closePopImgOriginX
authWindowCenterOriginY 设置居中弹窗沿Y轴移动的距离。例如 :authWindowCenterOriginY = 10 表示中间点沿Y轴向下偏移10个像素
authWindowCenterOriginX 设置居中弹窗沿X轴移动的距离。例如 :authWindowCenterOriginX = 10 表示中间点沿X轴向右偏移10个像素
popCenterCornerRadius 设置居中弹窗模式下,弹窗的圆角,默认圆角为16
popBottomCornerRadius 设置底部弹窗模式下,弹窗的圆角,默认圆角为16,注:只可修改顶部左右二边的值
isOpenSwipeGesture 设置底部弹窗模式下,是否开启轻扫手势,向下轻扫关闭弹窗。默认关闭

6. 调起授权页面 #

代码说明:

// 拉起授权页面
Map map = await quickLoginPlugin.onePassLogin(animated: true);
if (map["success"]) {
    var accessToken = map["accessToken"];
} else {
    var errorMsg = map["msg"];
}

参数说明:

  • 入参说明:

    参数 类型 是否必填 默认值 描述
    animated bool true 授权页弹出是否有动画
  • 回调参数说明:

    回调参数 类型 描述
    success Boolean 授权是否成功
    accessToken String 如果取号成功返回运营商授权码,否则无此字段
    msg String 如果取号失败,返回错误详情

7. 事件监听 #

代码说明:

var eventChannel = const EventChannel("yd_quicklogin_flutter_event_channel");
@override
void initState() {
    super.initState();
    initPlatformState();
    eventChannel.receiveBroadcastStream().listen(_onData, onError: _onError);
}
void _onData(response) {
    if (response is Map) {
      var action = (response as Map)["action"];
    }
}
  • action 参数说明:

    回调参数 类型 描述
    action String authViewDidLoad 表示正在加载授权页
    authViewWillAppear 表示授权页已经出现
    authViewWillDisappear 表示授权页将要消失
    authViewDidDisappear表示授权页已经消失
    authViewDealloc 表示授权页销毁
    appDPrivacy 表示点击了默认协议
    appFPrivacy 表示点击了议第一个协议点击
    appSPrivacy 表示点击了第二个协议
    loginAction 表示点击了登录按钮,data.checked = true 表示在点击登录按钮时复选框选已选中反之
    checkedAction 表示点击了复选框,data.checked = true 表示复选框已选中反之
    其他自定义的action

8. 关闭授权页面 #

代码说明:

quickLoginPlugin.closeLoginAuthView();

9. 自动登录 #

方法说明: 调用该方法自动登录 注意:该方法仅限iOS

代码说明:

quickLoginPlugin.authLoginButtonClick();

10. 协议旁边复选框勾选 #

方法描述: 协议旁边复选框勾选

代码说明:

复选框勾选
quickLoginPlugin.checkedSelected(true);

11. 本机校验 #

在初始化之后执行,本机校验和一键登录可共用初始化,本机校验界面需自行实现

代码说明

quickLoginPlugin.verifyPhoneNumber(String businessId,String phoneNumber).then(map){
    if (map["success"]) {
        var accessToken = map["accessToken"];
    } else {
        var errorMsg = map["msg"];
    }
    var ydToken = map["ydToken"];
}

参数说明

  • 入参说明:

    参数 类型 是否必填 默认值 描述
    businessId String 业务id
    phoneNumber String 待校验手机号
  • 回调参数说明:

    回调参数 类型 描述
    success Boolean 本机校验是否成功
    accessToken String 如果本机校验成功返回运营商授权码,否则无此字段
    ydToken String 易盾token,用于排查问题
    msg String 如果取号失败,返回错误详情
4
likes
110
points
611
downloads

Publisher

unverified uploader

Weekly Downloads

A new Flutter plugin for quichlogin,It is used for one-click login,please use it

Repository (GitHub)
View/report issues

Documentation

API reference

License

unknown (license)

Dependencies

flutter

More

Packages that depend on quickpass_yidun_flutter