tabBar

lib/main.dart

@@ -9,6 +9,7 @@ import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'components/UI/DefaultButton.dart';
 
 void main() {
+  Store().init();
   runApp(const MyApp());
 }
 
@@ -18,7 +19,6 @@ class MyApp extends StatelessWidget {
   // This widget is the root of your application.
   @override
   Widget build(BuildContext context) {
-    Store().init();
 
     return MaterialApp(
       title: 'Flutter Demo',
@@ -35,6 +35,7 @@ class MyApp extends StatelessWidget {
         primarySwatch: Colors.blue,
       ),
       home: const MyHomePage(title: 'Flutter Demo Home Page'),
+        // IndexPage()
     );
   }
 }

lib/pages/TabBar/Information_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class InformationPage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('资讯')),
+    );
+  }
+}

lib/pages/TabBar/Mine_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class MinePage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('我的')),
+    );
+  }
+}

lib/pages/TabBar/Orders_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class OrdersPage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('订单')),
+    );
+  }
+}

lib/pages/TabBar/home_page.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class HomePage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(child: Text('首页')),
+    );
+  }
+}

lib/pages/TabBar/index_page.dart

@@ -0,0 +1,71 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/cupertino.dart';
+import 'home_page.dart';
+import 'Information_page.dart';
+import 'Mine_page.dart';
+import 'Orders_page.dart';
+
+class IndexPage extends StatefulWidget {
+  _IndexPageState createState() => _IndexPageState();
+}
+
+class _IndexPageState extends State<IndexPage> {
+
+
+  final List<BottomNavigationBarItem> bottomTabs = [
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.home),
+      title: Text('首页'),
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.search),
+      title: Text('资讯'),
+
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.shopping_cart),
+      title: Text('订单'),
+
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.profile_circled),
+      title: Text('我的'),
+    ),
+  ];
+
+  final List tabBodies = [
+    HomePage(),
+    InformationPage(),
+    OrdersPage(),
+    MinePage(),
+  ];
+
+  int currentIndex = 0;
+  var currentPage;
+
+  @override
+  void initState() {
+    super.initState();
+    currentPage = tabBodies[currentIndex];
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      backgroundColor: Color.fromRGBO(244, 245, 245, 1),
+      bottomNavigationBar: BottomNavigationBar(
+        type: BottomNavigationBarType.fixed,
+        currentIndex: currentIndex,
+        items: bottomTabs,
+        onTap: (index){
+          setState(() {
+            currentIndex = index;
+            currentPage = tabBodies[currentIndex];
+          });
+        },
+      ),
+      body: currentPage,
+    );
+  }
+}

lib/pages/TabBar/member_page.dart

@@ -0,0 +1 @@
+// TODO Implement this library.

lib/pages/login/login.dart

@@ -4,6 +4,7 @@ import 'package:farmer_client/components/UI/DefaultButton.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 
+import '../../services/user.dart';
 import '../../widgets/Cell.dart';
 
 class MyRouteLogin extends StatefulWidget {
@@ -24,6 +25,7 @@ class _RouteLogin extends State<MyRouteLogin> {
         //当按钮可点击时
         isButtonEnable = false; //按钮状态标记
         _initTimer();
+        getSMSCaptch(handlePhones);
         return null; //返回null按钮禁止点击
       } else {
         //当按钮不可点击时
@@ -82,7 +84,7 @@ class _RouteLogin extends State<MyRouteLogin> {
   @override
   Widget build(BuildContext context) {
     return Container(
-        width: 12.w,
+
         decoration: const BoxDecoration(
           image: DecorationImage(
             image: AssetImage("images/icon_login.png"),
@@ -97,17 +99,18 @@ class _RouteLogin extends State<MyRouteLogin> {
               title: const Text('登陆'),
             ),
             body: Center(
-                child: Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
+                child:  ListView(
+              // crossAxisAlignment: CrossAxisAlignment.start,
               children: <Widget>[
-                Text(
+
+                const Text(
                   '您好!',
                   style: TextStyle(
                     fontWeight: FontWeight.bold,
                     fontSize: 50,
                   ),
                 ),
-                Text(
+                const Text(
                   '欢迎进入农户端应用！',
                   style: TextStyle(
                     fontWeight: FontWeight.bold,
@@ -184,12 +187,15 @@ class _RouteLogin extends State<MyRouteLogin> {
                 //     )),
 
                 Cell(
-                  margin: EdgeInsets.symmetric(horizontal: 13.w),
+                  // margin: EdgeInsets.symmetric(horizontal: 13.w),
+                  margin: const EdgeInsets.fromLTRB(13, 43, 10,0 ),
                   header: Text(
                     "+86",
-                    style: TextStyle(fontSize: 19.sp),
+                    style: TextStyle(fontSize: 19.sp,),
                   ),
                   child: TextField(
+                    maxLength: 11,
+                      keyboardType: TextInputType.number,
                       style: TextStyle(
                         fontSize: 17.sp,
                       ),
@@ -198,13 +204,14 @@ class _RouteLogin extends State<MyRouteLogin> {
                         contentPadding:
                             EdgeInsets.symmetric(vertical: 8, horizontal: 16),
                         labelText: "请输入手机号码",
+                        counterText: '',//去掉计数
                         border: InputBorder.none,
-                        // border: OutlineInputBorder(
-                        //   // borderSide: BorderSide.none,
-                        //   // gapPadding: 0,
-                        // ),
                         floatingLabelBehavior: FloatingLabelBehavior.never,
-                      )),
+                      ),
+                      onChanged: (e) {
+                                _handlePhone(e);
+                              },
+                  ),
                   footer: ElevatedButton(
                     onPressed: () => {
                       setState(() {
@@ -227,38 +234,86 @@ class _RouteLogin extends State<MyRouteLogin> {
                                 BorderRadius.all(Radius.circular(10)))),
                   ),
                 ),
+//          --------------FractionalOffset API--------------
+//                 FractionalOffset(0.0, 0.0)：顶部左边
+//                 FractionalOffset(0.5, 0.0)：顶部中间
+//                 FractionalOffset(1.0, 0.0)：顶部右边
+//                 FractionalOffset(0.0, 0.5)：中部左边
+//                 FractionalOffset(0.5, 0.5)：中部中间
+//                 FractionalOffset(1.0, 0.5)：中部右边
+//                 FractionalOffset(0.0, 1.0)：底部左边
+//                 FractionalOffset(0.5, 1.0)：底部中间
+//                 FractionalOffset(1.0, 1.0)：底部右边
 
-                TextField(
-                  keyboardType: TextInputType.number,
-                  cursorColor: Color(0xD4D4D4FF),
-                  decoration: const InputDecoration(
-                      hintText: "请输入验证码", prefixIcon: Icon(Icons.beenhere)),
-                  onChanged: (e) {
-                    _handleCode(e);
-                  },
-                ),
-                // 登录按钮
+                Cell(
+                  // margin: EdgeInsets.symmetric(horizontal: 13.w),
+                  margin: const EdgeInsets.fromLTRB(13, 16, 10,0 ),
 
-                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();
-                        }),
-                      );
+                  header:        Align(
+                    alignment: FractionalOffset(0.1, 0.5),
+                    child: Image.asset(
+                      'images/phoneCode.png',
+                      width: 20,
+                      height: 20,
+                    ),
+                  ),
+
+                  child: TextField(
+                    keyboardType: TextInputType.number,
+                    style: TextStyle(
+                      fontSize: 17.sp,
+
+                    ),
+                    decoration: const InputDecoration(
+                      isCollapsed: true,
+
+                      contentPadding:
+                      EdgeInsets.symmetric(vertical: 8, horizontal: 16),
+                      labelText: "请输入验证码",
+                      border: InputBorder.none,
+                      floatingLabelBehavior: FloatingLabelBehavior.never,
+                    ),
+                    onChanged: (e) {
+                      _handleCode(e);
                     },
                   ),
-                )
+
+                ),
+
+
+
+
+                // TextField(
+                //   style: TextStyle(
+                //     fontSize: 17.sp,
+                //   ),
+                //   keyboardType: TextInputType.number,
+                //   cursorColor: Color(0xD4D4D4FF),
+                //   decoration: const InputDecoration(
+                //       contentPadding:
+                //       EdgeInsets.symmetric(vertical: 8, horizontal: 16),
+                //       labelText: "请输入验证码",
+                //       prefixIcon: Icon(Icons.beenhere)),
+                //   onChanged: (e) {
+                //     _handleCode(e);
+                //   },
+                // ),
+                // 登录按钮
+                 Center(
+                    child: DefaultButton(
+                      margin: const EdgeInsets.fromLTRB(0, 30.0, 0, 0), //可选配置，自定义控件中有默认配置
+                      text: "登陆",
+                      width: 90.0,
+                      height: 50.0,
+                      fontSize: 20.0,
+                      backColor: const Color(0xffff703b),
+                      color: Colors.white,
+                      onPressed: () {
+                      },
+                    ),
+                  ) ,
+
+
               ],
             ))));
   }

lib/services/user.dart

@@ -1,8 +1,20 @@
 
+
 import 'package:dio/dio.dart';
 import 'package:farmer_client/utils/Request.dart';
-import 'package:flutter/foundation.dart';
+import 'package:fluttertoast/fluttertoast.dart';
+
 
 Future getSMSCaptch(String phone) async {
-  return request('/sms-captcha', options: Options(method: 'POST'), queryParameters: { 'phone': phone });
+  return request('/sms-captcha', options: Options(method: 'POST'), queryParameters: { 'phone': phone }).catchError((error) {
+    // var e = error.error ;
+    // var message = e['message'];
+    Fluttertoast.showToast(
+      msg: error.error['message']
+    );
+  }).then((value) {
+    Fluttertoast.showToast(
+        msg: '验证码发送成功！'
+    );
+  });
 }

lib/utils/Request.dart

@@ -48,7 +48,8 @@ Dio createRequest() {
       response.data = resp['data'];
       return handler.next(response);
     } else {
-      return handler.reject(response.data);
+      DioError error = DioError(requestOptions: response.requestOptions, error: response.data, response: response);
+      return handler.reject(error);
     }
   }, onError: (DioError e, handler) {
     // Do something with response error

pubspec.lock

@@ -158,6 +158,18 @@ packages:
     description: flutter
     source: sdk
     version: "0.0.0"
+  flutter_web_plugins:
+    dependency: transitive
+    description: flutter
+    source: sdk
+    version: "0.0.0"
+  fluttertoast:
+    dependency: "direct dev"
+    description:
+      name: fluttertoast
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "8.0.9"
   get:
     dependency: "direct main"
     description:
@@ -179,6 +191,13 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "4.0.0"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.6.3"
   json_annotation:
     dependency: transitive
     description:
@@ -347,3 +366,4 @@ packages:
     version: "3.1.0"
 sdks:
   dart: ">=2.16.1 <3.0.0"
+  flutter: ">=1.10.0"

pubspec.yaml

@@ -51,6 +51,7 @@ dev_dependencies:
   flutter_lints: ^1.0.0
   json_serializable: ^6.1.5
   flutter_screenutil: ^5.3.1
+  fluttertoast: ^8.0.9
 # For information on the generic Dart part of this file, see the
 # following page: https://dart.dev/tools/pub/pubspec
 
@@ -64,6 +65,7 @@ flutter:
   # To add images to your application, add an images section, like this:
   assets:
     - images/icon_login.png
+    - images/phoneCode.png
 
   # An image asset can refer to one or more resolution-specific "variants", see
   # https://flutter.dev/assets-and-images/#resolution-aware.