jd
/
app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

重置支付密码时，验证码粘贴功能

Browse Source
master
laiiihz 5 years ago
parent bed6083976
commit 1ab33ddbbb
5 changed files with 171 additions and 96 deletions
Show Stats Download Patch File Download Diff File

2
lib/main.dart
Unescape View File

@ -54,7 +54,7 @@ void main() async {
// useEncrypt: true
);
// 设置当前是否为测试环境
bool isDebug = true;
bool isDebug = false;
AppConfig.setDebug(isDebug);
await Hive.initFlutter();

204
lib/pages/user/user_set_password_varcode.dart
Unescape View File

@ -1,6 +1,8 @@
import 'dart:async';
import 'package:recook/constants/header.dart';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:pin_input_text_field/pin_input_text_field.dart';
import 'package:recook/base/base_store_state.dart';
import 'package:recook/constants/api.dart';
import 'package:recook/constants/header.dart';
@ -9,21 +11,19 @@ import 'package:recook/manager/http_manager.dart';
import 'package:recook/manager/user_manager.dart';
import 'package:recook/models/base_model.dart';
import 'package:recook/widgets/custom_app_bar.dart';
import 'package:recook/widgets/keyboard/CustomBoxPasswordFieldWidget.dart';
import 'package:recook/widgets/keyboard/keyboard_widget.dart';
import 'package:recook/widgets/keyboard/pay_password.dart';
import 'package:recook/widgets/toast.dart';
class UserSetPasswordVarCode extends StatefulWidget{
class UserSetPasswordVarCode extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return _UserSetPasswordVarCodeState();
}
}
class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode>{
class _UserSetPasswordVarCodeState
extends BaseStoreState<UserSetPasswordVarCode> {
Timer _timer;
String _countDownStr = "点击发送验证码";
bool _getCodeEnable = false;
@ -36,10 +36,13 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
_timer.cancel();
_timer = null;
}
_textEditingController?.dispose();
super.dispose();
}
@Deprecated("old data")
String pwdData = '';
TextEditingController _textEditingController = TextEditingController();
final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>();
VoidCallback _showBottomSheetCallback;
@override
@ -64,15 +67,17 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
);
}
_bodyWidget(){
_bodyWidget() {
return Container(
child: _varCodeWidget(),
);
}
_varCodeWidget(){
TextStyle redStyle = TextStyle(color: AppColor.themeColor, fontSize: ScreenAdapterUtils.setSp(15));
TextStyle greyStyle = TextStyle(color: Color(0xff777777), fontSize: ScreenAdapterUtils.setSp(15));
_varCodeWidget() {
TextStyle redStyle = TextStyle(
color: AppColor.themeColor, fontSize: ScreenAdapterUtils.setSp(15));
TextStyle greyStyle = TextStyle(
color: Color(0xff777777), fontSize: ScreenAdapterUtils.setSp(15));
return Container(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
@ -80,59 +85,109 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
Container(
margin: EdgeInsets.only(top: 30),
alignment: Alignment.center,
child: Text("请输入短信验证码", style: TextStyle(color: Colors.black, fontSize: ScreenAdapterUtils.setSp(25),),),
child: Text(
"请输入短信验证码",
style: TextStyle(
color: Colors.black,
fontSize: ScreenAdapterUtils.setSp(25),
),
),
),
Container(
margin: EdgeInsets.only(top: 15),
alignment: Alignment.center,
child: Text("我们已发送短信验证码到你的手机号", style: TextStyle(color: Color(0xff888888), fontSize: ScreenAdapterUtils.setSp(15),),),
child: Text(
"我们已发送短信验证码到你的手机号",
style: TextStyle(
color: Color(0xff888888),
fontSize: ScreenAdapterUtils.setSp(15),
),
),
),
Container(
margin: EdgeInsets.only(top: 5),
alignment: Alignment.center,
child: Text(UserManager.instance.user.info.mobile.replaceRange(3, 7, "****") ,style: TextStyle(color: Color(0xff333333), fontSize: ScreenAdapterUtils.setSp(22),),),
child: Text(
UserManager.instance.user.info.mobile.replaceRange(3, 7, "****"),
style: TextStyle(
color: Color(0xff333333),
fontSize: ScreenAdapterUtils.setSp(22),
),
),
),
Container(
margin: EdgeInsets.only(top:36),
child: GestureDetector(
child: CustomBoxPasswordFieldWidget(pwdData, boxCount: 4, showString: true, ),
onTap: (){
_showBottomSheetCallback();
},
)
margin: EdgeInsets.only(top: 36, left: 32, right: 32),
// child: GestureDetector(
// child: CustomBoxPasswordFieldWidget(pwdData, boxCount: 4, showString: true, ),
// onTap: (){
// _showBottomSheetCallback();
// },
// )
child: PinInputTextField(
enableInteractiveSelection: true,
toolbarOptions: ToolbarOptions(paste: true),
controller: _textEditingController,
pinLength: 4,
onChanged: (_) => setState(() {}),
decoration: BoxLooseDecoration(
gapSpace: 12,
radius: Radius.circular(4),
textStyle: TextStyle(
color: Colors.black,
fontSize: 24,
),
strokeColorBuilder:
PinListenColorBuilder(Colors.grey, Colors.blue),
),
inputFormatters: [
LengthLimitingTextInputFormatter(4),
FilteringTextInputFormatter.digitsOnly,
],
),
),
Container(
margin: EdgeInsets.only(top:15),
child: FlatButton(
textColor: AppColor.themeColor,
disabledTextColor: Color(0xff777777),
child: Text(_countDownStr, style: TextStyle(fontSize: ScreenAdapterUtils.setSp(15)),),
onPressed: _getCodeEnable ?
(){
if (_cantSelected) return;
_cantSelected = true;
Future.delayed(Duration(seconds: 2), (){
_cantSelected = false;
});
_getVarCode();
}
:null,
)
),
margin: EdgeInsets.only(top: 15),
child: FlatButton(
textColor: AppColor.themeColor,
disabledTextColor: Color(0xff777777),
child: Text(
_countDownStr,
style: TextStyle(fontSize: ScreenAdapterUtils.setSp(15)),
),
onPressed: _getCodeEnable
? () {
if (_cantSelected) return;
_cantSelected = true;
Future.delayed(Duration(seconds: 2), () {
_cantSelected = false;
});
_getVarCode();
}
: null,
)),
GestureDetector(
child: Container(
margin: EdgeInsets.only(left: 15, right: 15, top: 30),
height: 47,
color: pwdData.length == 4 ? AppColor.themeColor : Color(0xffd7d7d7),
color: _textEditingController.text.length == 4
? AppColor.themeColor
: Color(0xffd7d7d7),
// pwdData.length == 4 ? AppColor.themeColor : Color(0xffd7d7d7),
child: Container(
alignment: Alignment.center,
child: Text('确认', style: TextStyle(fontSize: ScreenAdapterUtils.setSp(17),color: Colors.white ),),
child: Text(
'确认',
style: TextStyle(
fontSize: ScreenAdapterUtils.setSp(17),
color: Colors.white),
),
),
),
onTap: (){
if(pwdData.length != 4){
return;
}
onTap: () {
if (_textEditingController.text.length != 4) return;
// if (pwdData.length != 4) {
// return;
// }
_verifySmsCode();
},
)
@ -140,6 +195,7 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
),
);
}
/// 底部弹出 自定义键盘 下滑消失
void _showBottomSheet() {
setState(() {
@ -154,33 +210,40 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
children: <Widget>[
Expanded(
child: GestureDetector(
child: Container(color: Colors.white.withAlpha(0),),
onTap: (){
child: Container(
color: Colors.white.withAlpha(0),
),
onTap: () {
Navigator.pop(_scaffoldKey.currentContext);
},
),
),
MyKeyboard(_onKeyDown, isShowTips: true, needCommit: true,),
MyKeyboard(
_onKeyDown,
isShowTips: true,
needCommit: true,
),
],
),
);
// return new MyKeyboard(_onKeyDown, isShowTips: true, needCommit: true,);
})
// return new MyKeyboard(_onKeyDown, isShowTips: true, needCommit: true,);
})
.closed
.whenComplete(() {
if (mounted) {
setState(() {
if (_verifySms) {
_verifySmsCode();
if (mounted) {
setState(() {
if (_verifySms) {
_verifySmsCode();
}
_verifySms = false;
// re-enable the button
_showBottomSheetCallback = _showBottomSheet;
});
}
_verifySms = false;
// re-enable the button
_showBottomSheetCallback = _showBottomSheet;
});
}
});
}
void _onKeyDown(KeyEvent data){
void _onKeyDown(KeyEvent data) {
if (data.isDelete()) {
if (pwdData.length > 0) {
pwdData = pwdData.substring(0, pwdData.length - 1);
@ -188,7 +251,7 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
}
} else if (data.isCommit()) {
if (pwdData.length < 4) {
// Fluttertoast.showToast(msg: "密码不足6位，请重试", gravity: ToastGravity.CENTER);
// Fluttertoast.showToast(msg: "密码不足6位，请重试", gravity: ToastGravity.CENTER);
Toast.showError("验证码不足4位,请重试");
return;
}
@ -202,8 +265,9 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
}
}
_getVarCode() async{
ResultData resultData = await HttpManager.post(UserApi.verify_sms_send, {"userId": UserManager.instance.user.info.id});
_getVarCode() async {
ResultData resultData = await HttpManager.post(
UserApi.verify_sms_send, {"userId": UserManager.instance.user.info.id});
if (!resultData.result) {
showError(resultData.msg);
return;
@ -218,20 +282,23 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
}
_verifySmsCode() async {
ResultData resultData = await HttpManager.post(
UserApi.verify_sms,
{"userId": UserManager.instance.user.info.id,
"sms": pwdData});
ResultData resultData = await HttpManager.post(UserApi.verify_sms, {
"userId": UserManager.instance.user.info.id,
// "sms": pwdData,
"sms": _textEditingController.text,
});
if (!resultData.result) {
pwdData = "";
// pwdData = "";
_textEditingController?.clear();
setState(() {});
showError(resultData.msg);
return;
}
BaseModel model = BaseModel.fromJson(resultData.data);
if (model.code != HttpStatus.SUCCESS) {
pwdData = "";
// pwdData = "";
_textEditingController?.clear();
setState(() {});
showError(model.msg);
return;
@ -262,5 +329,4 @@ class _UserSetPasswordVarCodeState extends BaseStoreState<UserSetPasswordVarCode
});
});
}
}
}

52
lib/widgets/keyboard/CustomBoxPasswordFieldWidget.dart
Unescape View File

@ -1,9 +1,7 @@
import 'package:flutter/material.dart';
import 'package:recook/constants/header.dart';
class CustomBoxPasswordFieldWidget extends StatelessWidget{
class CustomBoxPasswordFieldWidget extends StatelessWidget {
final String data;
final int boxCount;
final bool showString;
@ -12,14 +10,13 @@ class CustomBoxPasswordFieldWidget extends StatelessWidget{
final double margin;
CustomBoxPasswordFieldWidget(
this.data,
{this.boxCount: 6,
this.data, {
this.boxCount: 6,
this.showString: false,
this.width: 58,
this.click,
this.margin: 6,
}
);
});
@override
Widget build(BuildContext context) {
@ -42,22 +39,21 @@ class CustomBoxPasswordFieldWidget extends StatelessWidget{
// );
}
_rowWidget(){
_rowWidget() {
List<Widget> listWidget = [];
listWidget.add(Spacer());
for (var i = 0; i < boxCount; i++) {
if (data.length < i+1) {
if (data.length < i + 1) {
listWidget.add(_boxWidget(""));
}else{
listWidget.add(_boxWidget(data.substring(i, i+1)));
} else {
listWidget.add(_boxWidget(data.substring(i, i + 1)));
}
}
listWidget.add(Spacer());
return listWidget;
}
_boxWidget(String str){
_boxWidget(String str) {
return Container(
width: width,
height: width,
@ -67,20 +63,24 @@ class CustomBoxPasswordFieldWidget extends StatelessWidget{
border: Border.all(color: Color(0xffaaaaaa), width: 1),
),
child: Center(
child: str.isEmpty? Container()
:showString ?
Text(str, style: TextStyle(color: Colors.black,fontSize: ScreenAdapterUtils.setSp(20),),)
:Container(
width: 10, height: 10,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
color: Colors.black
),
),
child: str.isEmpty
? Container()
: showString
? Text(
str,
style: TextStyle(
color: Colors.black,
fontSize: ScreenAdapterUtils.setSp(20),
),
)
: Container(
width: 10,
height: 10,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(5),
color: Colors.black),
),
),
);
}
}

7
pubspec.lock
Unescape View File

@ -871,6 +871,13 @@ packages:
url: "https://pub.flutter-io.cn"
source: hosted
version: "0.5.8"
pin_input_text_field:
dependency: "direct main"
description:
name: pin_input_text_field
url: "https://pub.flutter-io.cn"
source: hosted
version: "3.3.0"
platform:
dependency: transitive
description:

2
pubspec.yaml
Unescape View File

@ -218,6 +218,8 @@ dependencies:
hive: ^1.4.4+1
hive_flutter: ^0.3.1
pin_input_text_field: ^3.3.0
dev_dependencies:
flutter_test:
sdk: flutter

Write Preview
Loading…
Cancel
Save