OrderCard

lib/pages/main/index.dart

@@ -2,6 +2,7 @@ import 'package:farmer_client/pages/main/widgets/OtherColumn.dart';
 import 'package:farmer_client/pages/main/widgets/UserAddress.dart';
 import 'package:farmer_client/pages/main/widgets/UserInfo.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 
 
 class MainPage extends StatefulWidget {
@@ -26,13 +27,58 @@ class _MainPageState extends State<MainPage> {
       ),
       body:Container(
         alignment: Alignment.center,
-        child:   Column(
+        child:   ListView(
           children: [
-            UserInfo(),
-            UserAddress(),
-            OtherColumn()
+            Column(
+              children: [
+                UserInfo(),//头部，头像手机号姓名
+                UserAddress(),//用户地址
+                OtherColumn(),//功能菜单栏
+                Container(
+                  height: 70.h,
+                  margin: EdgeInsets.only(top: 0, bottom: 40.0),
+                  alignment: Alignment.bottomCenter,
+                  decoration:  BoxDecoration(
+                    boxShadow: [
+                      BoxShadow(
+                        blurRadius: 10, //阴影范围
+                        spreadRadius: 0.1, //阴影浓度
+                        color: Colors.grey.withOpacity(0.2), //阴影颜色
+                      ),
+                    ],
+                  ),
+                  child: SizedBox(
+                    width: 315.w,
+                    height: 49.h,
+                    child: ElevatedButton(
+                      onPressed: () {
+                        // _handelSubmit();
+                        print('用户点击了支付啊阿松大撒地方');
+                      },
+                      child: const Text(
+                        "退出登陆",
+                        style: TextStyle(
+                            fontSize: 18,
+                            color: Colors.black,
+                            fontWeight: FontWeight.bold),
+                      ),
+                      style: ButtonStyle(
+                        elevation: MaterialStateProperty.all(0),
+                        backgroundColor:
+                        MaterialStateProperty.all(const Color(0xFFFFFFFF)),
+                        shape: MaterialStateProperty.all(
+                            const RoundedRectangleBorder(
+                                borderRadius:
+                                BorderRadius.all(Radius.circular(24.4)))),
+                      ),
+                    ),
+                  ),
+                ),
+              ],
+            ),
           ],
-        ),
+        )
+
       )
 
 

lib/pages/main/widgets/OtherColumn.dart

@@ -6,9 +6,8 @@ class OtherColumn extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return Container(
+    return  Container(
         alignment: Alignment.center,
-        height: 123.w,
         width: 345.w,
         margin: EdgeInsets.fromLTRB(0, 15.w, 0, 15.w),
         decoration: BoxDecoration(
@@ -30,8 +29,8 @@ class OtherColumn extends StatelessWidget {
                 decoration: const BoxDecoration(
                     border: Border(
                         left: BorderSide(width: 5, color: Color(0xff000000)
-                          // 0x17000000
-                        ))),
+                            // 0x17000000
+                            ))),
                 child: Padding(
                   padding: EdgeInsets.fromLTRB(12.w, 0, 0, 0),
                   child: Text(
@@ -43,54 +42,113 @@ class OtherColumn extends StatelessWidget {
                     ),
                   ),
                 )),
-            Row(
-              mainAxisAlignment: MainAxisAlignment.spaceBetween,
-              children: [
-                Container(
-                  child: Row(
-                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                    children: [
-                      Padding(
-                        padding: EdgeInsets.fromLTRB(17.w, 0, 10.w, 0),
-                        child: Image(
-                          image: AssetImage('images/aboutUs.png'),
-                          width: 17.w,
-                          height: 21.w,
-                        ),
+            Container(
+              child: Column(
+                children: [
+                  Container(
+                    height: 45.w,
+                    width: 310.w,
+                    margin: EdgeInsets.fromLTRB(0, 10.w, 0, 0),
+
+                    decoration: const BoxDecoration(
+                        border:Border(
+                            bottom:
+                            BorderSide(width: 0.5, color: Color(0x20000000)
+                              // 0x17000000
+                            ))
+                    ),
+
+                    child: ListTile(
+                      contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
+                      // 这边使用了contentPadding
+                      leading: Image(
+                        image: AssetImage('images/aboutUs.png'),
+                        width: 18.w,
+                        height: 21.w,
+                      ),
+                      title: Transform(
+                        transform: Matrix4.translationValues(-20, 0.0, 0.0),
+                        child: Text("版本更新",
+                            style: TextStyle(
+                                fontSize: 17.sp, color: Color(0xff333333))),
+                      ),
+                      trailing: Image(
+                        image: AssetImage('images/userRight.png'),
+                        width: 10.w,
+                        height: 18.w,
+                      ),
+                    ),
+                  ),
+                  Container(
+                    margin: EdgeInsets.fromLTRB(0, 10.w, 0, 0),
+                    width: 310.w,
+                    height: 45.w,
+                    decoration: const BoxDecoration(
+                        border:Border(
+                            bottom:
+                            BorderSide(width: 0.5, color: Color(0x20000000)
+                              // 0x17000000
+                            ))
+                    ),
+
+                    child: ListTile(
+                      contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
+
+                      leading: Image(
+                        image: AssetImage('images/versionUpdate.png'),
+                        width: 18.w,
+                        height: 21.w,
                       ),
-                      Container(
-                        width: 260,
-                        child: GestureDetector(
-                          child: Text(
-                            '请填写详细地址请填写详细地址请填写详细地址',
-                            softWrap: true,
-                            maxLines: 1,
-                            textAlign: TextAlign.left,
-                            overflow: TextOverflow.ellipsis,
+                      title: Transform(
+                        transform: Matrix4.translationValues(-20, 0.0, 0.0),
+                        child: Text("用户协议及隐私政策",
                             style: TextStyle(
-                              fontWeight: FontWeight.bold,
-                              fontSize: 17,
-                            ),
-                          ),
-                          onTap: () {
-                            print('修改地址');
-                          },
-                        ),
-                      )
-                    ],
+                                fontSize: 17.sp, color: Color(0xff333333))),
+                      ),
+                      trailing: Image(
+                        image: AssetImage('images/userRight.png'),
+                        width: 10.w,
+                        height: 18.w,
+                      ),
+                    ),
                   ),
-                ),
-                Container(
-                  alignment: Alignment.center,
-                  padding: EdgeInsets.fromLTRB(0, 0, 30.w, 0),
-                  child: Image(
-                    image: AssetImage('images/userRight.png'),
-                    width: 10.w,
-                    height: 18.w,
+                  Container(
+                    margin: EdgeInsets.fromLTRB(0, 10.w, 0, 20.w),
+                    width: 310.w,
+                    height: 45.w,
+                    decoration: const BoxDecoration(
+                        border:Border(
+                            bottom:
+                            BorderSide(width: 0.5, color: Color(0x20000000)
+                              // 0x17000000
+                            ))
+                    ),
+
+                    child: ListTile(
+                      contentPadding: EdgeInsets.symmetric(horizontal: 0.0),
+
+                      leading: Image(
+                        image: AssetImage('images/feedbacks.png'),
+                        width: 18.w,
+                        height: 21.w,
+                      ),
+                      title: Transform(
+                        transform: Matrix4.translationValues(-20, 0.0, 0.0),
+                        child: Text("意见反馈",
+                            style: TextStyle(
+                                fontSize: 17.sp, color: Color(0xff333333))),
+                      ),
+                      trailing: Image(
+                        image: AssetImage('images/userRight.png'),
+                        width: 10.w,
+                        height: 18.w,
+                      ),
+                    ),
                   ),
-                ),
-              ],
-            ),
+
+                ],
+              ),
+            )
           ],
         ));
   }