fixl

android/app/src/main/res/drawable-v21/launch_background.xml

@@ -3,7 +3,7 @@
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:drawable="?android:colorBackground" />
 
-    <!-- You can insert your own image assets here -->
+    <!-- You can insert your own image images here -->
     <!-- <item>
         <bitmap
             android:gravity="center"

android/app/src/main/res/drawable/launch_background.xml

@@ -3,7 +3,7 @@
 <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
     <item android:drawable="@android:color/white" />
 
-    <!-- You can insert your own image assets here -->
+    <!-- You can insert your own image images here -->
     <!-- <item>
         <bitmap
             android:gravity="center"

lib/components/UI/DefaultButton.dart

@@ -0,0 +1,89 @@
+import 'package:flutter/material.dart';
+
+
+
+class DefaultButton extends StatefulWidget {
+  //点击回调
+  final GestureTapCallback onPressed;
+  final String text;
+  final EdgeInsetsGeometry margin;
+  final double width;
+  final double height;
+  final double? fontSize;
+  final Color backColor;
+  final Color color;
+
+  EdgeInsetsGeometry marginDefault =
+  const EdgeInsets.fromLTRB(0, 90.0, 0, 30); //按钮默认的margin值
+
+  DefaultButton({
+    Key? key,
+    required this.onPressed,
+    required this.text,
+    required this.margin,
+    required this.width,
+    required this.height,
+    this.fontSize,
+    required this.backColor,
+    required this.color,
+  }) : super(key: key);
+
+  @override
+  State createState() {
+    if (margin == null) {
+      return _DefaultButtonState(onPressed, text, marginDefault,width,height,fontSize,backColor,color);
+    }
+    return _DefaultButtonState(onPressed, text, margin,width,height,fontSize,backColor,color);
+  }
+}
+
+class _DefaultButtonState extends State<DefaultButton> {
+  //点击回调
+  final GestureTapCallback onPressed;
+  final String text;
+  final EdgeInsetsGeometry margin;
+  final double width;
+  final double height;
+  final double? fontSize;
+  final Color backColor;
+  final Color color;
+  _DefaultButtonState(
+      this.onPressed,
+      this.text,
+      this.margin,
+      this.width,
+      this.height,
+      this.fontSize,
+      this.backColor,
+      this.color
+      );
+
+  @override
+  Widget build(BuildContext context) {
+    Widget _SectionBtn = Container(
+      margin: margin,
+      child: SizedBox(
+        width: width,
+        height: height,
+        child: RaisedButton(
+          color: backColor,
+          disabledColor: const Color(0xF5F6F7ff),
+          disabledTextColor: const Color(0xF5F6F7ff),
+          colorBrightness: Brightness.dark,
+          shape:
+          RoundedRectangleBorder(borderRadius: BorderRadius.circular(5.0)),
+          child: Text(text,style:  TextStyle(
+              fontSize: fontSize,
+              color: color,
+          ),),
+          textColor: Colors.white,
+          onPressed: onPressed,
+        ),
+      ),
+    );
+
+    return _SectionBtn;
+  }
+
+}
+

lib/main.dart

@@ -1,7 +1,12 @@
+import 'dart:async';
 
 import 'package:farmer_client/models/Store.dart';
+import 'package:farmer_client/pages/login/login.dart';
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+import 'components/UI/DefaultButton.dart';
 
 void main() {
   runApp(const MyApp());
@@ -55,20 +60,8 @@ class MyHomePage extends StatefulWidget {
 class _MyHomePageState extends State<MyHomePage> {
   int _counter = 0;
 
-  void _incrementCounter() {
-    setState(() {
-      // This call to setState tells the Flutter framework that something has
-      // changed in this State, which causes it to rerun the build method below
-      // so that the display can reflect the updated values. If we changed
-      // _counter without calling setState(), then the build method would not be
-      // called again, and so nothing would appear to happen.
-      _counter++;
-    });
-  }
-
   @override
   Widget build(BuildContext context) {
-
     // var find = Get.find(tag: 'user');
 
     // This method is rerun every time setState is called, for instance as done
@@ -79,6 +72,7 @@ class _MyHomePageState extends State<MyHomePage> {
     // than having to individually change instances of widgets.
     return Scaffold(
       appBar: AppBar(
+        backgroundColor: Colors.amber,
         // Here we take the value from the MyHomePage object that was created by
         // the App.build method, and use it to set our appbar title.
         title: Text(widget.title),
@@ -110,14 +104,27 @@ class _MyHomePageState extends State<MyHomePage> {
               '$_counter',
               style: Theme.of(context).textTheme.headline4,
             ),
+            DefaultButton(
+              margin: EdgeInsets.fromLTRB(0, 30.0, 0, 0), //可选配置，自定义控件中有默认配置
+              text: "登陆",
+              width: 120.0,
+              height: 50.0,
+              fontSize: 20.0,
+              backColor: Color(0xffff703b),
+              color: Colors.white,
+              onPressed: () {
+                Navigator.push(
+                  context,
+                  MaterialPageRoute(builder: (context) {
+                    return MyRouteLogin();
+                  }),
+                );
+              },
+            ),
           ],
         ),
       ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: _incrementCounter,
-        tooltip: 'Increment',
-        child: const Icon(Icons.add),
-      ), // This trailing comma makes auto-formatting nicer for build methods.
+      // This trailing comma makes auto-formatting nicer for build methods.
     );
   }
 }

lib/pages/login/login.dart

@@ -0,0 +1,223 @@
+
+
+import 'dart:async';
+
+import 'package:farmer_client/components/UI/DefaultButton.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+
+
+class MyRouteLogin extends StatefulWidget {
+  @override
+  State<MyRouteLogin> createState() => _RouteLogin();
+}
+
+class _RouteLogin extends State<MyRouteLogin> {
+  bool isButtonEnable = true; //按钮状态  是否可点击
+  String buttonText = '发送验证码'; //初始文本
+  int count = 5; //初始倒计时时间
+  var timer; //倒计时的计时器
+  TextEditingController mController = TextEditingController();
+  void _buttonClickListen() {
+    print('获取验证码按钮');
+    setState(() {
+      if (isButtonEnable) {
+        //当按钮可点击时
+        isButtonEnable = false; //按钮状态标记
+        _initTimer();
+        return null; //返回null按钮禁止点击
+      } else {
+        //当按钮不可点击时
+//        debugPrint('false');
+        return null; //返回null按钮禁止点击
+      }
+    });
+  }
+
+  void _initTimer() {
+    timer = new Timer.periodic(Duration(seconds: 1), (Timer timer) {
+      count--;
+      setState(() {
+        if (count == 0) {
+          timer.cancel(); //倒计时结束取消定时器
+          isButtonEnable = true; //按钮可点击
+          count = 5; //重置时间
+          buttonText = '发送验证码'; //重置按钮文本
+        } else {
+          buttonText = '重新发送($count)'; //更新文本内容
+        }
+      });
+    });
+  }
+
+  @override
+  void dispose() {
+    timer?.cancel(); //销毁计时器
+    timer = null;
+    mController.dispose();
+    super.dispose();
+  }
+
+// -------------逻辑分割-------------------------------------------
+  var handlePhones = '';
+  var handleCodes = '';
+
+  void _handlePhone(e) => {
+    setState(() => {handlePhones = e})
+  };
+
+  void _handleCode(e) => {
+    setState(() => {handleCodes = e})
+  };
+
+  var userContent = {'phones': '', 'code': ''};
+
+  void phoneUser() => {
+    setState(() {
+      userContent['phones'] = handlePhones;
+      userContent['code'] = handleCodes;
+    }),
+    print('我输入的信息：${userContent}，手机号：${userContent['phones']}')
+  };
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+        width: 12.w,
+        decoration: const BoxDecoration(
+          image: DecorationImage(
+            image: AssetImage("images/icon_login.png"),
+            fit: BoxFit.cover,
+          ),
+        ),
+        child: Scaffold(
+            backgroundColor: Colors.transparent, //把scaffold的背景色改成透明
+            appBar: AppBar(
+              backgroundColor: Colors.transparent, //把appbar的背景色改成透明
+              // elevation: 0,//appbar的阴影
+              title: const Text('登陆'),
+            ),
+            body: Center(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: <Widget>[
+                    Text(
+                      '您好!',
+                      style: TextStyle(
+                        fontWeight: FontWeight.bold,
+                        fontSize: 50,
+                      ),
+                    ),
+                    Text(
+                      '欢迎进入农户端应用！',
+                      style: TextStyle(
+                        fontWeight: FontWeight.bold,
+                        fontSize: 35,
+                      ),
+                    ),
+
+                    Container(
+                      // margin: EdgeInsets.fromLTRB(5,0,0,0),
+                        decoration: BoxDecoration(
+                            border: Border(
+                                bottom: BorderSide(
+                                    width: 1, color: Color(0xffe5e5e5)))),
+                        child: Flex(
+                          direction: Axis.horizontal,
+                          children: <Widget>[
+                            Expanded(
+                              child: TextField(
+                                autofocus: true,
+                                maxLength: 11,
+                                keyboardType: TextInputType.number,
+                                cursorColor: Color(0xD4D4D4FF),
+                                decoration: const InputDecoration(
+                                  contentPadding:EdgeInsets.fromLTRB(30.0, 0, 0, 0),
+                                  hintText: "请输入手机号",
+                                  prefixIcon: Icon(Icons.phone_iphone_outlined),
+                                  counterText: '',
+                                  border: OutlineInputBorder(
+                                      borderSide: BorderSide.none),
+                                ),
+                                onChanged: (e) {
+                                  _handlePhone(e);
+                                  // phoneUser(e);
+                                },
+                              ),
+                            ),
+                            Container(
+                              width: 100.0,
+                              child: SizedBox(
+                                child: FlatButton(
+                                  disabledColor:
+                                  Colors.grey.withOpacity(0.1), //按钮禁用时的颜色
+                                  disabledTextColor: Colors.white, //按钮禁用时的文本颜色
+                                  textColor: isButtonEnable
+                                      ? Colors.white
+                                      : Colors.black.withOpacity(0.2), //文本颜色
+                                  color: isButtonEnable
+                                      ? Color(0xffff703b)
+                                      : Colors.grey.withOpacity(0.1), //按钮的颜色
+                                  splashColor: isButtonEnable
+                                      ? Colors.white.withOpacity(0.1)
+                                      : Colors.transparent,
+                                  shape: StadiumBorder(side: BorderSide.none),
+                                  onPressed: () {
+                                    setState(() {
+                                      if (isButtonEnable) {
+                                        _buttonClickListen();
+                                      } else {
+                                        return;
+                                      }
+                                    });
+                                  },
+                                  child: Text(
+                                    '$buttonText',
+                                    style: TextStyle(
+                                      fontSize: 13,
+
+                                    ),
+                                  ),
+                                ),
+                              ),
+                            ),
+                          ],
+                        )),
+
+                    TextField(
+                      keyboardType: TextInputType.number,
+                      cursorColor: Color(0xD4D4D4FF),
+                      decoration: const InputDecoration(
+                          hintText: "请输入验证码",
+                          prefixIcon: Icon(Icons.beenhere)),
+                      onChanged: (e) {
+                        _handleCode(e);
+                      },
+                    ),
+                    // 登录按钮
+
+                    Container(
+                      child: DefaultButton(
+                        margin:
+                        EdgeInsets.fromLTRB(0, 30.0, 0, 0), //可选配置，自定义控件中有默认配置
+                        text: "登陆",
+                        width: 200.0,
+                        height: 50.0,
+                        fontSize: 20.0,
+                        backColor: Color(0xffff703b),
+                        color: Colors.white,
+                        onPressed: () {
+                          Navigator.push(
+                            context,
+                            MaterialPageRoute(builder: (context) {
+                              return MyRouteLogin();
+                            }),
+                          );
+                        },
+                      ),
+                    )
+                  ],
+                ))));
+  }
+}

pubspec.lock

@@ -5,133 +5,133 @@ packages:
     dependency: transitive
     description:
       name: _fe_analyzer_shared
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "38.0.0"
   analyzer:
     dependency: transitive
     description:
       name: analyzer
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "3.4.1"
   args:
     dependency: transitive
     description:
       name: args
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.3.0"
   async:
     dependency: transitive
     description:
       name: async
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.8.2"
   boolean_selector:
     dependency: transitive
     description:
       name: boolean_selector
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.0"
   build:
     dependency: transitive
     description:
       name: build
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.2.1"
   build_config:
     dependency: transitive
     description:
       name: build_config
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.0"
   characters:
     dependency: transitive
     description:
       name: characters
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
   charcode:
     dependency: transitive
     description:
       name: charcode
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.1"
   checked_yaml:
     dependency: transitive
     description:
       name: checked_yaml
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.1"
   clock:
     dependency: transitive
     description:
       name: clock
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.1.0"
   collection:
     dependency: transitive
     description:
       name: collection
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.15.0"
   convert:
     dependency: transitive
     description:
       name: convert
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "3.0.1"
   crypto:
     dependency: transitive
     description:
       name: crypto
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "3.0.1"
   cupertino_icons:
     dependency: "direct main"
     description:
       name: cupertino_icons
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.4"
   dart_style:
     dependency: transitive
     description:
       name: dart_style
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.2.2"
   dio:
     dependency: "direct main"
     description:
       name: dio
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "4.0.6"
   fake_async:
     dependency: transitive
     description:
       name: fake_async
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
   file:
     dependency: transitive
     description:
       name: file
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "6.1.2"
   flutter:
@@ -143,9 +143,16 @@ packages:
     dependency: "direct dev"
     description:
       name: flutter_lints
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.4"
+  flutter_screenutil:
+    dependency: "direct dev"
+    description:
+      name: flutter_screenutil
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.3.1"
   flutter_test:
     dependency: "direct dev"
     description: flutter
@@ -155,98 +162,98 @@ packages:
     dependency: "direct main"
     description:
       name: get
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "4.6.1"
   glob:
     dependency: transitive
     description:
       name: glob
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.2"
   http_parser:
     dependency: transitive
     description:
       name: http_parser
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "4.0.0"
   json_annotation:
     dependency: transitive
     description:
       name: json_annotation
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "4.4.0"
   json_serializable:
     dependency: "direct main"
     description:
       name: json_serializable
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "6.1.5"
   lints:
     dependency: transitive
     description:
       name: lints
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.1"
   logging:
     dependency: transitive
     description:
       name: logging
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.2"
   matcher:
     dependency: transitive
     description:
       name: matcher
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "0.12.11"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "0.1.3"
   meta:
     dependency: transitive
     description:
       name: meta
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.7.0"
   package_config:
     dependency: transitive
     description:
       name: package_config
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.0.2"
   path:
     dependency: transitive
     description:
       name: path
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.0"
   pub_semver:
     dependency: transitive
     description:
       name: pub_semver
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.1"
   pubspec_parse:
     dependency: transitive
     description:
       name: pubspec_parse
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
   sky_engine:
@@ -258,84 +265,84 @@ packages:
     dependency: transitive
     description:
       name: source_gen
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.1"
   source_helper:
     dependency: transitive
     description:
       name: source_helper
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.1"
   source_span:
     dependency: transitive
     description:
       name: source_span
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.1"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.10.0"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.0"
   string_scanner:
     dependency: transitive
     description:
       name: string_scanner
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.1.0"
   term_glyph:
     dependency: transitive
     description:
       name: term_glyph
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.2.0"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "0.4.8"
   typed_data:
     dependency: transitive
     description:
       name: typed_data
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.3.0"
   vector_math:
     dependency: transitive
     description:
       name: vector_math
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "2.1.1"
   watcher:
     dependency: transitive
     description:
       name: watcher
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "1.0.1"
   yaml:
     dependency: transitive
     description:
       name: yaml
-      url: "https://pub.flutter-io.cn"
+      url: "https://pub.dartlang.org"
     source: hosted
     version: "3.1.0"
 sdks:

pubspec.yaml

@@ -49,7 +49,7 @@ dev_dependencies:
   # rules and activating additional ones.
   flutter_lints: ^1.0.0
   json_serializable: ^6.1.5
-
+  flutter_screenutil: ^5.3.1
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
 
@@ -60,16 +60,14 @@ flutter:
   # included with your application, so that you can use the icons in
   # the material Icons class.
   uses-material-design: true
-
-  # To add assets to your application, add an assets section, like this:
-  # assets:
-  #   - images/a_dot_burr.jpeg
-  #   - images/a_dot_ham.jpeg
+  # To add images to your application, add an images section, like this:
+  assets:
+    - images/icon_login.png
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.
 
-  # For details regarding adding assets from package dependencies, see
+  # For details regarding adding images from package dependencies, see
   # https://flutter.dev/assets-and-images/#from-packages
 
   # To add custom fonts to your application, add a fonts section here,