完成登陆功能

lib/ui/login/login_page.dart

@@ -2,13 +2,16 @@ import 'dart:ui';
 
 import 'package:aku_community_manager/style/app_style.dart';
 import 'package:aku_community_manager/tools/widget_tool.dart';
+import 'package:aku_community_manager/ui/login/login_sms_page.dart';
 import 'package:aku_community_manager/ui/widgets/common/aku_back_button.dart';
 import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
 import 'package:aku_ui/common_widgets/aku_material_button.dart';
 import 'package:common_utils/common_utils.dart';
 import 'package:extended_text/extended_text.dart';
+import 'package:flutter/cupertino.dart';
 import 'package:flutter/material.dart';
 import 'package:aku_community_manager/tools/screen_tool.dart';
+import 'package:get/route_manager.dart';
 
 class LoginPage extends StatefulWidget {
   LoginPage({Key key}) : super(key: key);
@@ -24,6 +27,10 @@ class _LoginPageState extends State<LoginPage> {
     return RegexUtil.isMobileSimple(_textController.text);
   }
 
+  bool get emptyText {
+    return TextUtil.isEmpty(_textController.text);
+  }
+
   @override
   void dispose() {
     _textController?.dispose();
@@ -36,14 +43,12 @@ class _LoginPageState extends State<LoginPage> {
       backgroundColor: Colors.white,
       leading: AkuBackButton.close(),
       body: ListView(
-        children: [
+        padding: EdgeInsets.symmetric(
-          Padding(
+          vertical: 40.w,
-            padding: EdgeInsets.only(
+          horizontal: 32.w,
-              top: 40.w,
-              bottom: 184.w,
-              left: 32.w,
         ),
-            child: Text(
+        children: [
+          Text(
             '欢迎登录小蜜蜂',
             style: TextStyle(
               color: AppStyle.primaryTextColor,
@@ -51,19 +56,15 @@ class _LoginPageState extends State<LoginPage> {
               fontSize: 48.sp,
             ),
           ),
-          ),
+          AkuBox.h(184),
-          Padding(
+          Text(
-            padding: EdgeInsets.symmetric(horizontal: 32.w),
-            child: Text(
             '手机号码',
             style: TextStyle(
               color: AppStyle.primaryTextColor,
               fontSize: 24.sp,
             ),
           ),
-          ),
           Container(
-            padding: EdgeInsets.symmetric(horizontal: 32.w),
             width: double.infinity,
             child: TextField(
               autofocus: true,
@@ -73,6 +74,23 @@ class _LoginPageState extends State<LoginPage> {
               },
               keyboardType: TextInputType.phone,
               decoration: InputDecoration(
+                suffixIconConstraints: BoxConstraints(
+                  minHeight: 0,
+                  minWidth: 0,
+                ),
+                suffixIcon: emptyText
+                    ? SizedBox()
+                    : GestureDetector(
+                        onTap: () {
+                          _textController.clear();
+                          setState(() {});
+                        },
+                        child: Icon(
+                          CupertinoIcons.clear_circled_solid,
+                          size: 30.w,
+                          color: Color(0xFF999999),
+                        ),
+                      ),
                 border: UnderlineInputBorder(
                   borderSide: BorderSide(
                     color: Color(0xFFE8E8E8),
@@ -93,7 +111,9 @@ class _LoginPageState extends State<LoginPage> {
             padding: EdgeInsets.symmetric(horizontal: 32.w),
             child: AkuMaterialButton(
               color: AppStyle.primaryColor,
-              onPressed: phoneValid ? () {} : null,
+              onPressed: phoneValid
+                  ? () => Get.off(LoginSMSPage(phone: _textController.text))
+                  : null,
               nullColor: Color(0xFFFFE67D),
               radius: 8.w,
               child: Text(

lib/ui/login/login_sms_page.dart

@@ -0,0 +1,126 @@
+import 'dart:async';
+
+import 'package:aku_community_manager/provider/user_provider.dart';
+import 'package:aku_community_manager/style/app_style.dart';
+import 'package:aku_community_manager/tools/widget_tool.dart';
+import 'package:aku_community_manager/ui/home/home_page.dart';
+import 'package:aku_community_manager/ui/widgets/common/aku_back_button.dart';
+import 'package:aku_community_manager/ui/widgets/common/aku_scaffold.dart';
+import 'package:aku_ui/common_widgets/aku_material_button.dart';
+import 'package:flutter/material.dart';
+import 'package:aku_community_manager/tools/screen_tool.dart';
+import 'package:get/get.dart';
+import 'package:pin_input_text_field/pin_input_text_field.dart';
+import 'package:provider/provider.dart';
+
+class LoginSMSPage extends StatefulWidget {
+  final String phone;
+  LoginSMSPage({Key key, this.phone}) : super(key: key);
+
+  @override
+  _LoginSMSPageState createState() => _LoginSMSPageState();
+}
+
+class _LoginSMSPageState extends State<LoginSMSPage> {
+  TextEditingController _textEditingController = TextEditingController();
+  int _count = 60;
+  Timer _countTimer;
+  bool get canResend => _count <= 0;
+  String get countString {
+    if (_count <= 0)
+      return '';
+    else
+      return '$_count\s';
+  }
+
+  startTick() {
+    _count = 60;
+    _countTimer = Timer.periodic(Duration(seconds: 1), (timer) {
+      if (_count >= 0)
+        _count--;
+      else {
+        _countTimer?.cancel();
+      }
+      setState(() {});
+    });
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    startTick();
+  }
+
+  @override
+  void dispose() {
+    _textEditingController?.dispose();
+    _countTimer?.cancel();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return AkuScaffold(
+      backgroundColor: Colors.white,
+      leading: AkuBackButton(),
+      body: ListView(
+        padding: EdgeInsets.symmetric(
+          horizontal: 32.w,
+          vertical: 40.w,
+        ),
+        children: [
+          Text(
+            '请输入短信验证码',
+            style: TextStyle(
+              color: AppStyle.primaryTextColor,
+              fontWeight: FontWeight.bold,
+              fontSize: 48.sp,
+            ),
+          ),
+          AkuBox.h(16),
+          Text(
+            '已向${widget.phone}发送了一个验证码',
+            style: TextStyle(
+              color: AppStyle.primaryTextColor,
+              fontSize: 24.sp,
+            ),
+          ),
+          AkuBox.h(160),
+          PinInputTextField(
+            controller: _textEditingController,
+            autoFocus: true,
+            decoration: UnderlineDecoration(
+              lineHeight: 1.w,
+              colorBuilder: FixedColorBuilder(Color(0xFFE8E8E8)),
+            ),
+            onChanged: (text) {
+              final userProvider =
+                  Provider.of<UserProvider>(context, listen: false);
+              if (text == '000000') {
+                userProvider.setisSigned(true);
+                Get.offAll(HomePage());
+              }
+            },
+          ),
+          AkuBox.h(40),
+          Row(
+            children: [
+              AkuMaterialButton(
+                onPressed: canResend ? () => startTick() : null,
+                child: Text(
+                  '重新发送 $countString',
+                  style: TextStyle(
+                    color: canResend
+                        ? AppStyle.secondaryColor
+                        : AppStyle.minorTextColor,
+                    fontSize: 28.sp,
+                  ),
+                ),
+              ),
+            ],
+          ),
+        ],
+      ),
+    );
+  }
+}

pubspec.lock

@@ -181,6 +181,13 @@ packages:
       url: "https://pub.flutter-io.cn"
     source: hosted
     version: "1.8.0-nullsafety.1"
+  pin_input_text_field:
+    dependency: "direct main"
+    description:
+      name: pin_input_text_field
+      url: "https://pub.flutter-io.cn"
+    source: hosted
+    version: "3.1.1"
   provider:
     dependency: "direct main"
     description:

pubspec.yaml

@@ -45,6 +45,8 @@ dependencies:
   extended_text: ^4.0.0
 
   common_utils: ^1.2.1
+  #验证码
+  pin_input_text_field: ^3.1.1
 
   aku_ui:
     git: