添加修改手机页面

lib/provider/user_provider.dart

@@ -88,9 +88,9 @@ class UserProvider extends ChangeNotifier {
     _isSigned = true;
     notifyListeners();
   }
-
+///修改昵称
   setNickName(String name) {
-    _userInfoModel.nickName = name;
+    _infoModel.nickName = name;
     notifyListeners();
   }
 
@@ -98,4 +98,10 @@ class UserProvider extends ChangeNotifier {
     _userInfoModel.avatar = file;
     notifyListeners();
   }
+
+  ///修改手机
+  setTel(String tel){
+    _infoModel.tel=tel;
+    notifyListeners();
+  }
 }

lib/ui/settings/tel_change_page.dart

@@ -0,0 +1,190 @@
+import 'dart:async';
+
+import 'package:aku_community_manager/provider/user_provider.dart';
+import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
+import 'package:bot_toast/bot_toast.dart';
+import 'package:common_utils/common_utils.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:get/get.dart';
+import 'package:provider/provider.dart';
+import 'package:velocity_x/velocity_x.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class TelChangePage extends StatefulWidget {
+  TelChangePage({Key key}) : super(key: key);
+
+  @override
+  _TelChangePageState createState() => _TelChangePageState();
+}
+
+class _TelChangePageState extends State<TelChangePage> {
+  TextEditingController _oldTelController;
+  TextEditingController _newTelController;
+  TextEditingController _codeController;
+  Timer _timer;
+  bool get validPhone => RegexUtil.isMobileSimple(_newTelController.text);
+  bool get _canGetCode {
+    bool timeActive = _timer?.isActive ?? false;
+    return (!timeActive) && validPhone;
+  }
+   startTick() {
+    _timer = Timer.periodic(Duration(seconds: 1), (_timer) {
+      if (_timer.tick >= 60) {
+        _timer.cancel();
+        _timer = null;
+      }
+      setState(() {});
+    });
+  }
+  @override
+  void initState() { 
+    super.initState();
+    _codeController=TextEditingController();
+    _newTelController=TextEditingController();
+    _oldTelController=TextEditingController();
+  }
+  @override
+  void dispose() { 
+    _codeController?.dispose();
+    _newTelController?.dispose();
+    _oldTelController?.dispose();
+    super.dispose();
+  }
+  @override
+  Widget build(BuildContext context) {
+
+    UserProvider userProvider = Provider.of<UserProvider>(context);
+    return AkuScaffold(
+      title: '修改手机',
+      body: Material(
+        color: Colors.white,
+        child: Padding(
+          padding: EdgeInsets.symmetric(horizontal: 32.w),
+          child: ListView(
+            children: [
+              55.w.heightBox,
+              '旧号码'.text.black.size(28.sp).make(),
+              TextFormField(
+                inputFormatters: [
+                  FilteringTextInputFormatter.allow(RegExp(r'[0-9]*'))
+                ],
+                controller: _oldTelController,
+                decoration: InputDecoration(
+                  contentPadding: EdgeInsets.zero,
+                  hintText: '请输入旧号码',
+                  hintStyle:
+                      TextStyle(color: Color(0xFF999999), fontSize: 34.sp),
+                  border: UnderlineInputBorder(
+                      borderSide: BorderSide(
+                    color: Color(0xFFEEEEEE),
+                    width: 1.w,
+                  )),
+                ),
+              ),
+              24.w.heightBox,
+              '新号码'.text.black.size(28.sp).make(),
+              TextFormField(
+                inputFormatters: [
+                  FilteringTextInputFormatter.allow(RegExp(r'[0-9]*')),
+                ],
+                controller: _newTelController,
+                onChanged: (value) {
+                  setState(() {});
+                },
+                decoration: InputDecoration(
+                  suffixIconConstraints:
+                      BoxConstraints(minHeight: 0.w, minWidth: 0.w),
+                  suffixIcon: MaterialButton(
+                    onPressed: _canGetCode
+                        ? () {
+                            startTick();
+                          }
+                        : () {},
+                    child: _timer?.isActive ?? false
+                        ? '${60 - _timer.tick}'
+                            .text
+                            .color(Color(0xFFFFC40C))
+                            .size(28.sp)
+                            .make()
+                        : '获取验证码'.text.color(Color(0xFFFFC40C)).size(28.sp).make(),
+                    padding: EdgeInsets.zero,
+                    minWidth: 177.w,
+                    height: 62.w,
+                    elevation: 0,
+                    hoverElevation: 0,
+                    focusElevation: 0,
+                    highlightElevation: 0,
+                    disabledElevation: 0,
+                    shape: RoundedRectangleBorder(
+                        side: BorderSide(
+                      color: Color(0xFFFFC40C),
+                      width: 1.w,
+                    )),
+                  ),
+                  contentPadding: EdgeInsets.only(top: 20.w),
+                  hintText: '请输入新号码',
+                  hintStyle:
+                      TextStyle(color: Color(0xFF999999), fontSize: 34.sp),
+                  border: UnderlineInputBorder(
+                    borderSide: BorderSide(
+                      color: Color(0xFFEEEEEE),
+                      width: 1.w,
+                    ),
+                  ),
+                ),
+              ),
+              24.w.heightBox,
+              '验证码'.text.black.size(28.sp).make(),
+              TextFormField(
+                inputFormatters: [
+                  FilteringTextInputFormatter.allow(RegExp(r'[0-9]*'))
+                ],
+                controller: _codeController,
+                decoration: InputDecoration(
+                  contentPadding: EdgeInsets.zero,
+                  hintText: '请输入验证码',
+                  hintStyle:
+                      TextStyle(color: Color(0xFF999999), fontSize: 34.sp),
+                  border: UnderlineInputBorder(
+                      borderSide: BorderSide(
+                    color: Color(0xFFEEEEEE),
+                    width: 1.w,
+                  )),
+                ),
+              ),
+              64.w.heightBox,
+              MaterialButton(
+                onPressed: () {
+                  if (TextUtil.isEmpty(_oldTelController.text)) {
+                    BotToast.showText(text: '旧手机号不能为空');
+                  } else if (TextUtil.isEmpty(_newTelController.text)) {
+                    BotToast.showText(text: '新手机号不能为空');
+                  } else if (TextUtil.isEmpty(_codeController.text)) {
+                    BotToast.showText(text: '验证码不能为空');
+                  } else {
+                    // userProvider.setTel(_oldTelController.text,
+                    //     _newTelController.text, _codeController.text);
+                    Get.back();
+                  }
+                },
+                child: '保存'.text.black.size(32.sp).make(),
+                color: Color(0xFFFFC40C),
+                elevation: 0,
+                minWidth: 686.w,
+                height: 85.w,
+              ),
+              24.w.heightBox,
+              '注：新手机号将作为您的登录凭证'
+                  .text
+                  .color(Color(0xFF999999))
+                  .size(24.sp)
+                  .maxLines(2)
+                  .make()
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}