'.'

lib/pages/addAddress/index.dart

@@ -1,109 +1,88 @@
 import 'package:farmer_client/models/entities/Address.dart';
 import 'package:farmer_client/widgets/DefaultButton.dart';
+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:fluttertoast/fluttertoast.dart';
 import 'package:get/get.dart';
 
-class AddAddress extends StatefulWidget {
-  const AddAddress({Key? key}) : super(key: key);
+class AddAddress extends BasicPage {
 
-  @override
-  _AddAddress createState() => _AddAddress();
-}
-
-class _AddAddress extends State<AddAddress> {
-  late Address address=Address();
+  final address =Rx<Address>(Address());
   late String text = '';
 
   @override
-  void initState() {
-    super.initState();
+  void beforeShow() {
+    super.beforeShow();
     if (Get.arguments != null) {
-      address = Get.arguments['item'];
-      text = address.address.toString();
+      address.value = Get.arguments['item'];
+      text = address.value.address.toString();
     }
   }
 
   @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        elevation: 0,
-        centerTitle: true,
-        backgroundColor: Colors.white,
-        title: Text(
-          '添加地址',
-          style: TextStyle(
-              color: Colors.black,
-              fontSize: 17.sp,
-              letterSpacing: 2,
-              fontWeight: FontWeight.bold),
-        ),
-      ),
-      body: Container(
-        padding: EdgeInsets.all(15.w),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Text(
-              '详细地址：',
-              style: TextStyle(
-                  fontWeight: FontWeight.bold,
-                  fontSize: 17.sp,
-                  color: const Color(0xFF333333)),
-            ),
-            Container(
-              margin: EdgeInsets.fromLTRB(0, 0, 0, 50.h),
-              padding: EdgeInsets.symmetric(vertical: 5.w, horizontal: 18.5.w),
-              decoration: BoxDecoration(
-                  color: const Color(0xFFfefefe),
-                  borderRadius: BorderRadius.all(Radius.circular(10.w)),
-                  border: Border.all(
-                      color: const Color(0xcc000000),
-                      width: 1.h,
-                      style: BorderStyle.solid)),
-              child: TextFormField(
-                initialValue: text,
-                minLines: 6,
-                maxLines: 6,
-                style: TextStyle(fontSize: 17.sp, height: 1.5),
-                decoration: const InputDecoration(
-                  isCollapsed: true,
-                  hintText: '请输入地址信息',
-                  border: InputBorder.none,
-                  counterText: '', //去掉计数
-                  floatingLabelBehavior: FloatingLabelBehavior.never,
-                ),
-                onChanged: (e) {
-                  setState(() {
-                    address.address = e;
-                  });
-                },
+  Widget builder(BuildContext context) {
+    naviTitle='添加地址';
+    return Container(
+      padding: EdgeInsets.all(15.w),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Text(
+            '详细地址：',
+            style: TextStyle(
+                fontWeight: FontWeight.bold,
+                fontSize: 17.sp,
+                color: const Color(0xFF333333)),
+          ),
+          Container(
+            margin: EdgeInsets.fromLTRB(0, 0, 0, 50.h),
+            padding: EdgeInsets.symmetric(vertical: 5.w, horizontal: 18.5.w),
+            decoration: BoxDecoration(
+                color: const Color(0xFFfefefe),
+                borderRadius: BorderRadius.all(Radius.circular(10.w)),
+                border: Border.all(
+                    color: const Color(0xcc000000),
+                    width: 1.h,
+                    style: BorderStyle.solid)),
+            child: TextFormField(
+              initialValue: text,
+              minLines: 6,
+              maxLines: 6,
+              style: TextStyle(fontSize: 17.sp, height: 1.5),
+              decoration: const InputDecoration(
+                isCollapsed: true,
+                hintText: '请输入地址信息',
+                border: InputBorder.none,
+                counterText: '', //去掉计数
+                floatingLabelBehavior: FloatingLabelBehavior.never,
               ),
-            ),
-            DefaultButton(
-              color: const Color(0xffffffff),
-              backColor: const Color(0xFFFF703B),
-              width: 345.w,
-              height: 49.h,
-              text: '保存',
-              onPressed: () {
-                if(address.address==null){
-                  Fluttertoast.showToast(
-                      msg: '请输入地址！');
-                } else{
-                  Fluttertoast.showToast(
-                      msg: '保存成功！');
-                  Get.back();
-                }
+              onChanged: (e) {
+                  address.value.address = e;
               },
-              margin: const EdgeInsets.all(0),
-              fontSize: 20.sp,
-              radius: 24.5.w,
             ),
-          ],
-        ),
+          ),
+          DefaultButton(
+            color: const Color(0xffffffff),
+            backColor: const Color(0xFFFF703B),
+            width: 345.w,
+            height: 49.h,
+            text: '保存',
+            onPressed: () {
+              if(address.value.address==null){
+                Fluttertoast.showToast(
+                    msg: '请输入地址！');
+              } else{
+                Fluttertoast.showToast(
+                    msg: '保存成功！');
+                Get.back();
+              }
+            },
+            margin: const EdgeInsets.all(0),
+            fontSize: 20.sp,
+            radius: 24.5.w,
+          ),
+        ],
       ),
     );
   }

lib/pages/addressList/index.dart

@@ -1,144 +1,104 @@
 import 'package:farmer_client/models/entities/Address.dart';
 import 'package:farmer_client/pages/addressList/widget/AddressCard.dart';
 import 'package:farmer_client/widgets/DefaultButton.dart';
+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:fluttertoast/fluttertoast.dart';
 import 'package:get/get.dart';
 import 'package:get_storage/get_storage.dart';
 
-class AddressList extends StatefulWidget {
-  const AddressList({Key? key}) : super(key: key);
-
-  @override
-  _AddressList createState() => _AddressList();
-}
-
-class _AddressList extends State<AddressList> {
+class AddressList extends BasicPage {
   bool isBack = false;
 
   @override
-  void initState() {
-    super.initState();
+  void beforeShow() {
+    super.beforeShow();
     if (Get.arguments != null) {
       isBack = Get.arguments['isBack'];
     }
   }
 
-  List<Address> addressList = [
+  final addressList = Rx<List<Address>>([
     Address.fromJson({'address': '777', 'isDefault': false}),
     Address.fromJson({'address': '999', 'isDefault': false}),
     Address.fromJson({'address': '这是一个正经的地址', 'isDefault': false}),
-  ];
+  ]);
+
   void onChange(index) {
-    setState(() {
-      addressList.forEach((element) {
-        if (element.isDefault == true) {
-          element.isDefault = false;
-        }
-      });
-      addressList[index].isDefault = true;
-    });
+    for (var element in addressList.value) {
+      if (element.isDefault == true) {
+        element.isDefault = false;
+      }
+    }
+    addressList.value[index].isDefault = true;
   }
 
   void onDelete(index) {
-    showDialog(
-        context: context,
-        builder: (context) {
-          return AlertDialog(content: Text("您确定要删除此地址吗?"), actions: <Widget>[
-            TextButton(
-              child: Text("取消"),
-              onPressed: () {
-                print("取消");
-                Navigator.pop(context, 'Cancle');
-              },
-            ),
-            TextButton(
-                child: Text("确定"),
-                onPressed: () {
-                  // setState(() {
-                  //   addressList.remove(addressList[e]);
-                  // });
-                  Navigator.pop(context, "Ok");
-                  Fluttertoast.showToast(msg: '删除成功！');
-                })
-          ]);
-        });
+    Fluttertoast.showToast(msg: '删除成功！');
   }
 
   @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        elevation: 0,
-        centerTitle: true,
-        backgroundColor: Colors.white,
-        title: Text(
-          '地址管理',
-          style: TextStyle(
-              color: Colors.black,
-              fontSize: 17.sp,
-              letterSpacing: 2,
-              fontWeight: FontWeight.bold),
-        ),
-      ),
-      body: ListView(
-        children: [
-          Container(
-            padding: EdgeInsets.all(15.w),
-            child: Column(
-              //左对齐
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                Column(
-                    children: addressList
-                        .asMap()
-                        .keys
-                        .map(
-                          (e) => AddressCard(
-                            No: e + 1,
-                            item: addressList[e],
-                            isBack: isBack,
-                            onChange: () {
-                              onChange(e);
-                            },
-                            onEdit: () {
-                              Get.toNamed('/addAddress',
-                                  arguments: {'item': addressList[e]});
-                            },
-                            onDelete: () {
-                              onDelete(e);
-                            },
-                            onBack: () {
-                              if(GetStorage().read('address')==null) {
-                                GetStorage().write('address', addressList[e]);
-                              }else {
-                                GetStorage().remove('address');
-                                GetStorage().write('address', addressList[e]);
-                              }
-                              Get.back();
-                            },
-                          ),
-                        )
-                        .toList()),
-                DefaultButton(
-                  color: const Color(0xffffffff),
-                  backColor: const Color(0xFFFF703B),
-                  width: 345.w,
-                  height: 49.h,
-                  text: '+新增收货地址',
-                  onPressed: () {
-                    Get.toNamed('/addAddress');
-                  },
-                  margin: const EdgeInsets.all(0),
-                  fontSize: 20.sp,
-                  radius: 24.5.w,
-                ),
-              ],
-            ),
+  Widget builder(BuildContext context) {
+    naviTitle = '地址管理';
+    return Column(
+      children: [
+        Container(
+          padding: EdgeInsets.all(15.w),
+          child: Column(
+            //左对齐
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              Column(
+                  children: addressList.value
+                      .asMap()
+                      .keys
+                      .map(
+                        (e) => AddressCard(
+                          No: e + 1,
+                          item: addressList.value[e],
+                          isBack: isBack,
+                          onChange: () {
+                            onChange(e);
+                          },
+                          onEdit: () {
+                            Get.toNamed('/addAddress',
+                                arguments: {'item': addressList.value[e]});
+                          },
+                          onDelete: () {
+                            onDelete(e);
+                          },
+                          onBack: () {
+                            if (GetStorage().read('address') == null) {
+                              GetStorage()
+                                  .write('address', addressList.value[e]);
+                            } else {
+                              GetStorage().remove('address');
+                              GetStorage()
+                                  .write('address', addressList.value[e]);
+                            }
+                            Get.back();
+                          },
+                        ),
+                      )
+                      .toList()),
+              DefaultButton(
+                color: const Color(0xffffffff),
+                backColor: const Color(0xFFFF703B),
+                width: 345.w,
+                height: 49.h,
+                text: '+新增收货地址',
+                onPressed: () {
+                  Get.toNamed('/addAddress');
+                },
+                margin: const EdgeInsets.all(0),
+                fontSize: 20.sp,
+                radius: 24.5.w,
+              ),
+            ],
           ),
-        ],
-      ),
+        ),
+      ],
     );
   }
 }

lib/pages/agreement/index.dart

@@ -1,54 +1,37 @@
+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 
-class Agreement extends StatelessWidget {
-  const Agreement({Key? key}) : super(key: key);
+class Agreement extends BasicPage {
 
   @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        elevation: 0,
-        centerTitle: true,
-        backgroundColor: Colors.white,
-        title: Text(
-          '用户协议及隐私政策',
-          style: TextStyle(
-              color: Colors.black,
-              fontSize: 17.sp,
-              letterSpacing: 2,
-              fontWeight: FontWeight.bold),
-        ),
-      ),
-      body: Container(
-        color: const Color(0xFFFFFFFF),
-        padding: EdgeInsets.all(15.w),
-        child: Column(
-          children: [
-            Container(
-              margin: EdgeInsets.fromLTRB(0, 0, 0, 30.h),
-              child:  Row(
-                mainAxisAlignment: MainAxisAlignment.center,
-                children: [
-                  Image(image: const AssetImage(
-                      'images/icons/decorate.png'
-                  ),width: 16.5.w),
-                  Text('用户协议',
-                    style: TextStyle(
-                        fontSize: 20.sp,
-                        fontWeight: FontWeight.bold,
-                        color: const Color(0xFF222222)
-                    ),
-                  ),
-                  Image(image: const AssetImage('images/icons/decorate.png'),width: 16.5.w),
-                ],
+  Widget builder(BuildContext context) {
+    naviTitle = '用户协议及隐私政策';
+    return Container(
+      height: 700.h,
+      color: const Color(0xFFFFFFFF),
+      padding: EdgeInsets.all(15.w),
+      child: Column(
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Image(image: const AssetImage(
+                  'images/icons/decorate.png'
+              ),width: 16.5.w),
+              Text('用户协议',
+                style: TextStyle(
+                    fontSize: 20.sp,
+                    fontWeight: FontWeight.bold,
+                    color: const Color(0xFF222222)
+                ),
               ),
-            ),
+              Image(image: const AssetImage('images/icons/decorate.png'),width: 16.5.w),
+            ],
+          ),
 
-          ],
-        ),
+        ],
       ),
     );
-
   }
 }

lib/pages/feedback/index.dart

@@ -1,116 +1,91 @@
-import 'package:farmer_client/models/entities/Address.dart';
 import 'package:farmer_client/widgets/DefaultButton.dart';
+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:fluttertoast/fluttertoast.dart';
 import 'package:get/get.dart';
 
-class Feedback extends StatefulWidget {
-  const Feedback({Key? key}) : super(key: key);
+class Feedback extends BasicPage {
+  final text=Rx<String>('');
+  final isEdit=Rx<bool>(false);
 
   @override
-  _Feedback createState() => _Feedback();
-}
-
-class _Feedback extends State<Feedback> {
-  String text = '';
-  bool isEdit=false;
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      resizeToAvoidBottomInset: false,
-      appBar: AppBar(
-        elevation: 0,
-        centerTitle: true,
-        backgroundColor: Colors.white,
-        title: Text(
-          '意见反馈',
-          style: TextStyle(
-              color: Colors.black,
-              fontSize: 17.sp,
-              letterSpacing: 2,
-              fontWeight: FontWeight.bold),
-        ),
-      ),
-      body: Container(
-        height: 700.h,
-        padding: EdgeInsets.all(15.w),
-        child: Stack(
-          children: [
-            Container(
-              margin: EdgeInsets.fromLTRB(0, 0, 0, 50.h),
-              padding: EdgeInsets.symmetric(vertical: 5.w, horizontal: 18.5.w),
-              decoration: BoxDecoration(
-                  color: const Color(0xFFfefefe),
-                  borderRadius: BorderRadius.all(Radius.circular(10.w)),
-                  border: Border.all(
-                      color: const Color(0xcc000000),
-                      width: 1.h,
-                      style: BorderStyle.solid)),
-              child: TextFormField(
-                minLines: 6,
-                maxLines: 6,
-                style: TextStyle(fontSize: 17.sp, height: 1.5),
-                decoration: const InputDecoration(
-                  isCollapsed: true,
-                  border: InputBorder.none,
-                  counterText: '', //去掉计数
-                  floatingLabelBehavior: FloatingLabelBehavior.never,
-                ),
-                onTap: () {
-                  setState(() {
-                    isEdit=true;
-                  });
-                },
-                onChanged: (e) {
-                  setState(() {
-                    text = e;
-                  });
-                },
+  Widget builder(BuildContext context) {
+    naviTitle = '意见反馈';
+    return Container(
+      height: 700.h,
+      padding: EdgeInsets.all(15.w),
+      child: Stack(
+        children: [
+          Container(
+            margin: EdgeInsets.fromLTRB(0, 0, 0, 50.h),
+            padding: EdgeInsets.symmetric(vertical: 5.w, horizontal: 18.5.w),
+            decoration: BoxDecoration(
+                color: const Color(0xFFfefefe),
+                borderRadius: BorderRadius.all(Radius.circular(10.w)),
+                border: Border.all(
+                    color: const Color(0xcc000000),
+                    width: 1.h,
+                    style: BorderStyle.solid)),
+            child: TextFormField(
+              minLines: 6,
+              maxLines: 6,
+              style: TextStyle(fontSize: 17.sp, height: 1.5),
+              decoration: const InputDecoration(
+                isCollapsed: true,
+                border: InputBorder.none,
+                counterText: '', //去掉计数
+                floatingLabelBehavior: FloatingLabelBehavior.never,
               ),
+              onTap: () {
+                  isEdit.value=true;
+              },
+              onChanged: (e) {
+                  text.value = e;
+              },
             ),
-            if(!isEdit) Positioned(
-              left: 20.w,
-              top: 5.w,
-              child: Row(
-                children: [
-                  Image.asset(
-                    'images/icons/feedbackIcon.png',
-                    width: 15.w,
-                  ),
-                  Text(
-                    '请留下您宝贵的意见和建议！',
-                    style: TextStyle(
-                        fontSize: 17.sp,
-                        letterSpacing: 2,
-                        color: Color(0xFFBEBDBD)),
-                  ),
-                ],
-              ),
+          ),
+          if(!isEdit.value) Positioned(
+            left: 20.w,
+            top: 5.w,
+            child: Row(
+              children: [
+                Image.asset(
+                  'images/icons/feedbackIcon.png',
+                  width: 15.w,
+                ),
+                Text(
+                  '请留下您宝贵的意见和建议！',
+                  style: TextStyle(
+                      fontSize: 17.sp,
+                      letterSpacing: 2,
+                      color: Color(0xFFBEBDBD)),
+                ),
+              ],
             ),
-            Positioned(
-              bottom: 25.h,
-              child: DefaultButton(
-                color: const Color(0xffffffff),
-                backColor: const Color(0xFFFF703B),
-                width: 345.w,
-                height: 49.h,
-                text: '提交',
-                onPressed: () {
-                  if (text == '') {
-                    Fluttertoast.showToast(msg: '请输入内容哦');
-                  } else {
-                    Fluttertoast.showToast(msg: '提交成功！');
-                    Get.back();
-                  }
-                },
-                margin: const EdgeInsets.all(0),
-                fontSize: 20.sp,
-                radius: 24.5.w,
-              ),
+          ),
+          Positioned(
+            bottom: 25.h,
+            child: DefaultButton(
+              color: const Color(0xffffffff),
+              backColor: const Color(0xFFFF703B),
+              width: 345.w,
+              height: 49.h,
+              text: '提交',
+              onPressed: () {
+                if (text.value == '') {
+                  Fluttertoast.showToast(msg: '请输入内容哦');
+                } else {
+                  Fluttertoast.showToast(msg: '提交成功！');
+                  Get.back();
+                }
+              },
+              margin: const EdgeInsets.all(0),
+              fontSize: 20.sp,
+              radius: 24.5.w,
             ),
-          ],
-        ),
+          ),
+        ],
       ),
     );
   }

lib/pages/search/index.jsx.dart

@@ -1,83 +1,60 @@
-import 'package:farmer_client/widgets/NullCard.dart';
+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
-import '../../widgets/CarsCard.dart';
 
-class SearchPage extends StatefulWidget {
-  const SearchPage({Key? key}) : super(key: key);
+class SearchPage extends BasicPage {
 
   @override
-  State<SearchPage> createState() => _SearchPage();
-}
-
-class _SearchPage extends State<SearchPage> {
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      resizeToAvoidBottomInset: false,
-      appBar: AppBar(
-        elevation: 0,
-        centerTitle: true,
-        backgroundColor: Colors.white,
-        title: Text(
-          '搜索',
-          style: TextStyle(
-              color: Colors.black,
-              fontSize: 17.sp,
-              letterSpacing: 2,
-              fontWeight: FontWeight.bold),
+  Widget builder(BuildContext context) {
+    naviTitle = '搜索';
+    return Container(
+        decoration: const BoxDecoration(
+          color: Colors.white,
         ),
-      ),
-      body: Container(
-          decoration: const BoxDecoration(
-            color: Colors.white,
-          ),
-          child: ListView(children: [
-            Container(
-              width: 345.w,
-              height: 34.h,
-              margin: EdgeInsets.symmetric(vertical: 15.h, horizontal: 15.w),
-              padding: EdgeInsets.symmetric(vertical: 0, horizontal: 10.w),
-              decoration: BoxDecoration(
-                  color: Color(0xFFf8f8f8),
-                  borderRadius: BorderRadius.all(Radius.circular(17.w))),
-              child: Row(
-                mainAxisAlignment: MainAxisAlignment.center,
-                children: [
-                  Image.asset(
-                    'images/icons/search.png',
-                    width: 15.w,
-                    height: 15.w,
-                  ),
-                  Container(
-                    width: 300.w,
-                    margin: EdgeInsets.fromLTRB(5.w, 0, 0, 0),
-                    child: TextField(
-                      style: TextStyle(fontSize: 14.sp),
-                      decoration: const InputDecoration(
-                        isCollapsed: true,
-                        hintText: '搜索关键字查询',
-                        border: InputBorder.none,
-                        counterText: '', //去掉计数
-                        floatingLabelBehavior: FloatingLabelBehavior.never,
-                      ),
-                      onChanged: (e) {
-                        print(999);
-                        setState(() {});
-                      },
+        child: ListView(children: [
+          Container(
+            width: 345.w,
+            height: 34.h,
+            margin: EdgeInsets.symmetric(vertical: 15.h, horizontal: 15.w),
+            padding: EdgeInsets.symmetric(vertical: 0, horizontal: 10.w),
+            decoration: BoxDecoration(
+                color: Color(0xFFf8f8f8),
+                borderRadius: BorderRadius.all(Radius.circular(17.w))),
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Image.asset(
+                  'images/icons/search.png',
+                  width: 15.w,
+                  height: 15.w,
+                ),
+                Container(
+                  width: 300.w,
+                  margin: EdgeInsets.fromLTRB(5.w, 0, 0, 0),
+                  child: TextField(
+                    style: TextStyle(fontSize: 14.sp),
+                    decoration: const InputDecoration(
+                      isCollapsed: true,
+                      hintText: '搜索关键字查询',
+                      border: InputBorder.none,
+                      counterText: '', //去掉计数
+                      floatingLabelBehavior: FloatingLabelBehavior.never,
                     ),
+                    onChanged: (e) {
+                      print(999);
+                    },
                   ),
-                ],
-              ),
+                ),
+              ],
+            ),
+          ),
+          Container(
+            child: Column(
+              children: [
+                // NullCard(text: '暂无农机信息'),
+              ],
             ),
-            Container(
-              child: Column(
-                children: [
-                  // NullCard(text: '暂无农机信息'),
-                ],
-              ),
-            )
-          ])),
-    );
+          )
+        ]));
   }
 }

lib/pages/userInfo/index.dart

@@ -1,34 +1,29 @@
 import 'package:farmer_client/widgets/DefaultButton.dart';
+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:fluttertoast/fluttertoast.dart';
 import 'package:get/get.dart';
 
-class UserInfo extends StatefulWidget {
-  const UserInfo({Key? key}) : super(key: key);
-
-  @override
-  _UserInfo createState() => _UserInfo();
-}
-
-class _UserInfo extends State<UserInfo> {
-  String name = '';
-  String phone = '';
+class UserInfo extends BasicPage {
+  final name =Rx<String>('');
+  final phone =Rx<String>('');
   late TextEditingController _cName;
   late TextEditingController _cPhone;
   @override
-  void initState() {
-    _cName = new TextEditingController(text: name);
-    _cPhone = new TextEditingController(text: phone);
+  void beforeShow() {
+    super.beforeShow();
+    _cName = TextEditingController(text: name.value);
+    _cPhone = TextEditingController(text: phone.value);
   }
 
   bool disableLogin = false;
   RegExp exp = RegExp(r'^1[3456789]\d{9}$');
 
   void handleOk() {
-    if (name == '' && phone == '') {
+    if (name.value == '' && phone.value == '') {
       Fluttertoast.showToast(msg: '请输入您的信息');
-    } else if (phone!=''&&!exp.hasMatch(phone)) {
+    } else if (phone.value!=''&&!exp.hasMatch(phone.value)) {
       Fluttertoast.showToast(msg: '请输入正确的手机号');
     } else {
       Fluttertoast.showToast(msg: '保存成功');
@@ -36,33 +31,61 @@ class _UserInfo extends State<UserInfo> {
     }
   }
 
+
   @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      //防止键盘弹起引起页面高度溢出
-      resizeToAvoidBottomInset: false,
-      appBar: AppBar(
-        elevation: 0,
-        centerTitle: true,
-        backgroundColor: Colors.white,
-        title: Text(
-          '个人信息',
-          style: TextStyle(
-              color: Colors.black,
-              fontSize: 17.sp,
-              letterSpacing: 2,
-              fontWeight: FontWeight.bold),
-        ),
-      ),
-      body: Container(
-        color: const Color(0xFFffffff),
-        padding: EdgeInsets.all(15.w),
-        child: Column(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            Container(
-              margin: EdgeInsets.fromLTRB(0, 0, 0, 40.h),
-              padding: EdgeInsets.symmetric(vertical: 15.h, horizontal: 0),
+  Widget builder(BuildContext context) {
+    naviTitle = '个人信息';
+    return Container(
+      height: 700.h,
+      color: const Color(0xFFffffff),
+      padding: EdgeInsets.all(15.w),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Container(
+            width: 345.w,
+            margin: EdgeInsets.fromLTRB(0, 0, 0, 40.h),
+            padding: EdgeInsets.symmetric(vertical: 15.h, horizontal: 0),
+            decoration: BoxDecoration(
+              color: const Color(0xFFFFFFFF),
+              boxShadow: [
+                BoxShadow(
+                  color: const Color(0x1F000000),
+                  offset: Offset(0, 1.w),
+                  blurRadius: 0,
+                ),
+              ],
+            ),
+            child: Row(
+                mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                children: [
+                  Image.asset(
+                    'images/userMoren.png',
+                    width: 62.w,
+                    height: 62.w,
+                  ),
+                  Text(
+                    '更换头像',
+                    style: TextStyle(
+                        fontSize: 17.sp,
+                        color: Color(0xFF333333),
+                        letterSpacing: 2,
+                        fontWeight: FontWeight.w500),
+                  ),
+                ]),
+          ),
+          Text(
+            '姓名：',
+            style: TextStyle(
+                color: const Color(0xFF333333),
+                fontSize: 17.sp,
+                letterSpacing: 2,
+                fontWeight: FontWeight.bold),
+          ),
+          Container(
+            width: 345.w,
+              margin: EdgeInsets.fromLTRB(0, 10.h, 0, 40.h),
+              padding: EdgeInsets.symmetric(vertical: 19.h, horizontal: 0),
               decoration: BoxDecoration(
                 color: const Color(0xFFFFFFFF),
                 boxShadow: [
@@ -73,172 +96,125 @@ class _UserInfo extends State<UserInfo> {
                   ),
                 ],
               ),
-              child: Row(
-                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                  children: [
-                    Image.asset(
-                      'images/userMoren.png',
-                      width: 62.w,
-                      height: 62.w,
-                    ),
-                    Text(
-                      '更换头像',
-                      style: TextStyle(
-                          fontSize: 17.sp,
-                          color: Color(0xFF333333),
-                          letterSpacing: 2,
-                          fontWeight: FontWeight.w500),
-                    ),
-                  ]),
-            ),
-            Text(
-              '姓名：',
-              style: TextStyle(
-                  color: const Color(0xFF333333),
-                  fontSize: 17.sp,
-                  letterSpacing: 2,
-                  fontWeight: FontWeight.bold),
-            ),
-            Container(
-                margin: EdgeInsets.fromLTRB(0, 10.h, 0, 40.h),
-                padding: EdgeInsets.symmetric(vertical: 19.h, horizontal: 0),
-                decoration: BoxDecoration(
-                  color: const Color(0xFFFFFFFF),
-                  boxShadow: [
-                    BoxShadow(
-                      color: const Color(0x1F000000),
-                      offset: Offset(0, 1.w),
-                      blurRadius: 0,
-                    ),
-                  ],
-                ),
-                child: Column(
-                  children: [
-                    Row(
-                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                        children: [
-                          Container(
-                            width: 327.w,
-                            child: TextField(
-                              controller: _cName,
-                              style: TextStyle(
-                                  color: const Color(0xFF333333),
-                                  fontSize: 17.sp,
-                                  letterSpacing: 2,
-                                  fontWeight: FontWeight.bold),
-                              decoration: const InputDecoration(
-                                isCollapsed: true,
-                                hintText: '请输入您的姓名',
-                                border: InputBorder.none,
-                                counterText: '', //去掉计数
-                                floatingLabelBehavior:
-                                    FloatingLabelBehavior.never,
-                              ),
-                              onChanged: (e) {
-                                setState(() {
-                                  name = e;
-                                });
-                              },
+              child: Column(
+                children: [
+                  Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        Container(
+                          width: 327.w,
+                          child: TextField(
+                            controller: _cName,
+                            style: TextStyle(
+                                color: const Color(0xFF333333),
+                                fontSize: 17.sp,
+                                letterSpacing: 2,
+                                fontWeight: FontWeight.bold),
+                            decoration: const InputDecoration(
+                              isCollapsed: true,
+                              hintText: '请输入您的姓名',
+                              border: InputBorder.none,
+                              counterText: '', //去掉计数
+                              floatingLabelBehavior:
+                              FloatingLabelBehavior.never,
                             ),
-                          ),
-                          GestureDetector(
-                            onTap: () {
-                              setState(() {
-                                name = '';
-                              });
-                              _cName.clear();
+                            onChanged: (e) {
+                                name.value = e;
                             },
-                            child: Image.asset(
-                              'images/icons/cancel.png',
-                              width: 18.w,
-                              height: 18.w,
-                            ),
                           ),
-                        ]),
-                  ],
-                )),
-            Text(
-              '手机号：',
-              style: TextStyle(
-                  color: const Color(0xFF333333),
-                  fontSize: 17.sp,
-                  letterSpacing: 2,
-                  fontWeight: FontWeight.bold),
-            ),
-            Container(
-                margin: EdgeInsets.fromLTRB(0, 10.h, 0, 40.h),
-                padding: EdgeInsets.symmetric(vertical: 19.h, horizontal: 0),
-                decoration: BoxDecoration(
-                  color: const Color(0xFFFFFFFF),
-                  boxShadow: [
-                    BoxShadow(
-                      color: const Color(0x1F000000),
-                      offset: Offset(0, 1.w),
-                      blurRadius: 0,
-                    ),
-                  ],
-                ),
-                child: Column(
-                  children: [
-                    Row(
-                        mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                        children: [
-                          SizedBox(
-                            width: 327.w,
-                            child: TextField(
-                              keyboardType: TextInputType.number,
-                              controller: _cPhone,
-                              maxLength: 11,
-                              style: TextStyle(
-                                  color: const Color(0xFF333333),
-                                  fontSize: 17.sp,
-                                  letterSpacing: 2,
-                                  fontWeight: FontWeight.bold),
-                              decoration: const InputDecoration(
-                                isCollapsed: true,
-                                hintText: '请输入您的手机号',
-                                border: InputBorder.none,
-                                counterText: '', //去掉计数
-                                floatingLabelBehavior:
-                                    FloatingLabelBehavior.never,
-                              ),
-                              onChanged: (e) {
-                                setState(() {
-                                  phone = e;
-                                });
-                              },
-                            ),
+                        ),
+                        GestureDetector(
+                          onTap: () {
+                              name.value = '';
+                            _cName.clear();
+                          },
+                          child: Image.asset(
+                            'images/icons/cancel.png',
+                            width: 18.w,
+                            height: 18.w,
                           ),
-                          GestureDetector(
-                            onTap: () {
-                              setState(() {
-                                phone = '';
-                              });
-                              _cPhone.clear();
-                            },
-                            child: Image.asset(
-                              'images/icons/cancel.png',
-                              width: 18.w,
-                              height: 18.w,
+                        ),
+                      ]),
+                ],
+              )),
+          Text(
+            '手机号：',
+            style: TextStyle(
+                color: const Color(0xFF333333),
+                fontSize: 17.sp,
+                letterSpacing: 2,
+                fontWeight: FontWeight.bold),
+          ),
+          Container(
+            width: 345.w,
+              margin: EdgeInsets.fromLTRB(0, 10.h, 0, 40.h),
+              padding: EdgeInsets.symmetric(vertical: 19.h, horizontal: 0),
+              decoration: BoxDecoration(
+                color: const Color(0xFFFFFFFF),
+                boxShadow: [
+                  BoxShadow(
+                    color: const Color(0x1F000000),
+                    offset: Offset(0, 1.w),
+                    blurRadius: 0,
+                  ),
+                ],
+              ),
+              child: Column(
+                children: [
+                  Row(
+                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                      children: [
+                        SizedBox(
+                          width: 327.w,
+                          child: TextField(
+                            keyboardType: TextInputType.number,
+                            controller: _cPhone,
+                            maxLength: 11,
+                            style: TextStyle(
+                                color: const Color(0xFF333333),
+                                fontSize: 17.sp,
+                                letterSpacing: 2,
+                                fontWeight: FontWeight.bold),
+                            decoration: const InputDecoration(
+                              isCollapsed: true,
+                              hintText: '请输入您的手机号',
+                              border: InputBorder.none,
+                              counterText: '', //去掉计数
+                              floatingLabelBehavior:
+                              FloatingLabelBehavior.never,
                             ),
+                            onChanged: (e) {
+                                phone.value = e;
+                            },
                           ),
-                        ]),
-                  ],
-                )),
-            const Spacer(),
-            DefaultButton(
-              color: const Color(0xffffffff),
-              backColor: const Color(0xFFFF703B),
-              width: 345.w,
-              height: 49.h,
-              text: '保存',
-              onPressed: handleOk,
-              margin: const EdgeInsets.all(0),
-              fontSize: 20.sp,
-              radius: 24.5.w,
-            ),
-          ],
-        ),
+                        ),
+                        GestureDetector(
+                          onTap: () {
+                              phone.value = '';
+                            _cPhone.clear();
+                          },
+                          child: Image.asset(
+                            'images/icons/cancel.png',
+                            width: 18.w,
+                            height: 18.w,
+                          ),
+                        ),
+                      ]),
+                ],
+              )),
+          const Spacer(),
+          DefaultButton(
+            color: const Color(0xffffffff),
+            backColor: const Color(0xFFFF703B),
+            width: 345.w,
+            height: 49.h,
+            text: '保存',
+            onPressed: handleOk,
+            margin: const EdgeInsets.all(0),
+            fontSize: 20.sp,
+            radius: 24.5.w,
+          ),
+        ],
       ),
     );
   }

lib/theme.dart

@@ -14,6 +14,7 @@ ThemeData getTheme() {
         color: const Color(0xFF333333),
         fontWeight: FontWeight.bold,
         fontSize: 17.sp,
+        letterSpacing: 2
       ),
     ),
     backgroundColor: Colors.white,

lib/widgets/CarsCard.dart

@@ -23,7 +23,6 @@ class _CarsCardPage extends State<CarsCard> {
   final CardInfo item;
   _CarsCardPage(this.item);
 
-
   @override
   Widget build(BuildContext context) {
     return Container(