'.'

lib/pages/aboutUs/index.dart

+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 
-class AboutUs extends StatelessWidget {
-  const AboutUs({Key? key}) : super(key: key);
-
+class AboutUs 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),
-                ],
-              ),
-            ),
-            Text(
-              '        智慧农机旨在通过新一代物联网，大数据，3S等信息化技术有效整合省市县各级涉农资源',
-              style: TextStyle(
-                  color: Color(0xFF121212),
-                  fontSize: 15.sp,
-                  letterSpacing: 2,
-                  height: 2),
-            ),
-            Text(
-              '        以顶层设计方式建成“一个平台一个中心N个应用”汇聚农业产业。农业“两区”。',
-              style: TextStyle(
-                  color: Color(0xFF121212),
-                  fontSize: 15.sp,
-                  letterSpacing: 2,
-                  height: 2),
-            ),
-            Text(
-              '        物联网、植保、农机、畜牧、农资、农经，科教等各级农业业务应用及数据，形成大农业”数据中心。',
-              style: TextStyle(
-                  color: Color(0xFF121212),
-                  fontSize: 15.sp,
-                  letterSpacing: 2,
-                  height: 2),
-            ),
-            Text(
-              '        构建互联共享的“互联网+农业”信息服务体系以最终实现科学指导农业生产经营管理，政府决策监管和社会公众服务。',
-              style: TextStyle(
-                  color: Color(0xFF121212),
-                  fontSize: 15.sp,
-                  letterSpacing: 2,
-                  height: 2),
-            ),
-            Text(
-              '        智慧农机旨在通过新一代物联网，大数据，3S等信息化技术有效整合省市县各级涉农资源',
-              style: TextStyle(
-                  color: Color(0xFF121212),
-                  fontSize: 15.sp,
-                  letterSpacing: 2,
-                  height: 2),
-            ),
-            Text(
-              '        以顶层设计方式建成“一个平台一个中心N个应用”汇聚农业产业。农业“两区”。',
-              style: TextStyle(
-                  color: Color(0xFF121212),
-                  fontSize: 15.sp,
-                  letterSpacing: 2,
-                  height: 2),
+  Widget builder(BuildContext context) {
+    naviTitle = '关于我们';
+    return 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),
+              ],
             ),
-          ],
-        ),
+          ),
+          Text(
+            '        智慧农机旨在通过新一代物联网，大数据，3S等信息化技术有效整合省市县各级涉农资源',
+            style: TextStyle(
+                color: Color(0xFF121212),
+                fontSize: 15.sp,
+                letterSpacing: 2,
+                height: 2),
+          ),
+          Text(
+            '        以顶层设计方式建成“一个平台一个中心N个应用”汇聚农业产业。农业“两区”。',
+            style: TextStyle(
+                color: Color(0xFF121212),
+                fontSize: 15.sp,
+                letterSpacing: 2,
+                height: 2),
+          ),
+          Text(
+            '        物联网、植保、农机、畜牧、农资、农经，科教等各级农业业务应用及数据，形成大农业”数据中心。',
+            style: TextStyle(
+                color: Color(0xFF121212),
+                fontSize: 15.sp,
+                letterSpacing: 2,
+                height: 2),
+          ),
+          Text(
+            '        构建互联共享的“互联网+农业”信息服务体系以最终实现科学指导农业生产经营管理，政府决策监管和社会公众服务。',
+            style: TextStyle(
+                color: Color(0xFF121212),
+                fontSize: 15.sp,
+                letterSpacing: 2,
+                height: 2),
+          ),
+          Text(
+            '        智慧农机旨在通过新一代物联网，大数据，3S等信息化技术有效整合省市县各级涉农资源',
+            style: TextStyle(
+                color: Color(0xFF121212),
+                fontSize: 15.sp,
+                letterSpacing: 2,
+                height: 2),
+          ),
+          Text(
+            '        以顶层设计方式建成“一个平台一个中心N个应用”汇聚农业产业。农业“两区”。',
+            style: TextStyle(
+                color: Color(0xFF121212),
+                fontSize: 15.sp,
+                letterSpacing: 2,
+                height: 2),
+          ),
+        ],
       ),
     );
   }

lib/pages/home/index.dart

+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_screenutil/flutter_screenutil.dart';
-import 'package:get/get.dart';
 import './widgets/home/index.dart';
 
-class Home extends StatefulWidget {
-  const Home({Key? key}) : super(key: key);
 
+class Home extends BasicPage {
   @override
-  _Home createState() => _Home();
-}
-
-class _Home extends State<Home> {
-  //下标   当前tab
-  int _tabIndex = 0;
-
-  final List _titles = ['首页', '订单', '资讯','我的'];
-  final tabTextStyleSelected = TextStyle(
-      color: const Color(0xFFFF703B),
-      fontSize: 15.sp,
-      fontWeight: FontWeight.bold); //选线卡选中字体颜色
-  final tabTextStyleNormal = TextStyle(
-      color: const Color(0xFF323232),
-      fontSize: 15.sp,
-      fontWeight: FontWeight.bold); //选项卡未选中字体颜色
-
-  TextStyle getTabTextStyle(int curIndex) {
-    //设置tabbar 选中和未选中的状态文本
-    if (curIndex == _tabIndex) {
-      return tabTextStyleSelected;
-    }
-    return tabTextStyleNormal;
-  }
-
-  // 切换底部选项卡，标题的变化设置
-  Text getTabTitle(int curIndex) {
-    return Text(_titles[curIndex], style: getTabTextStyle(curIndex));
-  }
-
-  List images = [
-    ['images/index/HomesOFFImgaes.png', 'images/index/HomesNOImgaes.png'],
-    ['images/index/OrdersOFFImgaes.png', 'images/index/OrdersNOImgaes.png'],
-    ['images/index/newsONImages.png', 'images/index/newsOFFImages.png'],
-    ['images/index/MineOFFImgaes.png', 'images/index/MineNOImgaes.png'],
-  ];
-  Image getTabIcon(int curIndex) {
-    //设置tabbar选中和未选中的状态图标
-    if (curIndex == _tabIndex) {
-      return Image.asset(
-        images[curIndex][1],
-        width: 22.w,
-        height: 22.w,
-      );
-    }
-    return Image.asset(
-      images[curIndex][0],
-      width: 22.w,
-      height: 22.w,
-    );
+  Widget builder(BuildContext context) {
+    handleTabbar = 0;
+    naviTitle = '首页';
+    return const HomePage();
   }
-
-  Image getTabImage(path) {
-    return Image.asset(path, width: 22.w, height: 22.w);
-  }
-
-  Widget tabBar(index) {
-    return GestureDetector(
-      behavior: HitTestBehavior.opaque,
-      onTap: () {
-        if(index!=_tabIndex){
-          if(index==0){
-            Get.offNamed('/');
-          }else if(index==1){
-            Get.offNamed('/order');
-          }else if(index==2){
-            Get.offNamed('/infomation');
-          }else{
-            Get.offNamed('/main');
-          }
-        }
-      },
-      child: Container(
-        width: 93.w,
-        height: 65.h,
-        child: Column(
-          children: [
-            getTabIcon(index),
-            Padding(
-              padding: EdgeInsets.fromLTRB(0, 6.h, 0, 0),
-              child: getTabTitle(index),
-            )
-          ],
-        ),
-      ),
-    );
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      backgroundColor: Colors.white,
-      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: HomePage(),
-      bottomNavigationBar: Container(
-        padding: EdgeInsets.fromLTRB(0, 7.h, 0, 7.h),
-        decoration: BoxDecoration(
-          color: const Color(0xFFFFFFFF),
-          boxShadow: [
-            BoxShadow(
-              color: const Color(0x14000000),
-              offset: Offset(0, -2.w),
-              blurRadius: 3.w,
-            ),
-          ],
-        ),
-        child: Row(
-          children:_titles.asMap().keys.map((index) =>tabBar(index)).toList(),
-        ),
-      ),
-    );
-  }
-}
+}

lib/pages/home/widgets/home/index.dart

 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
-import 'package:get/get_core/src/get_main.dart';
-import '../../../../models/app.dart';
 import '../../../../models/entities/CardInfo.dart';
 import '../../../../services/homeAPI.dart';
 import '../../../../widgets/CarsCard.dart';
     return Container(
       alignment: Alignment.center,
       padding: EdgeInsets.fromLTRB(15.w, 0, 15.w, 0),
-      child: ListView(
+      child: Column(
         children: [
-          Container(
-            width: 20.w,
-            child: TypeHeader(
-              type: true,
-            ),
+          TypeHeader(
+            type: true,
           ),
           Container(
             margin: EdgeInsets.fromLTRB(0, 15, 0, 0),

lib/pages/home/widgets/home/widgets/headers.dart

                 borderRadius: BorderRadius.all(Radius.circular(25)),
               ),
               child: Row(
-                children: const [
+                children: [
                   Padding(
-                    padding: EdgeInsets.fromLTRB(5, 0, 5, 0),
+                    padding: EdgeInsets.fromLTRB(10.w, 0, 5, 0),
                     child: Icon(
                       Icons.search,
                       size: 19,

lib/pages/infomation/index.dart

 import 'package:farmer_client/pages/infomation/widgets/Information/index.dart';
+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_screenutil/flutter_screenutil.dart';
-import 'package:get/get.dart';
-
-class Infomation extends StatefulWidget {
-  const Infomation({Key? key}) : super(key: key);
-
-  @override
-  _Infomation createState() => _Infomation();
-}
-
-class _Infomation extends State<Infomation> {
-  //下标   当前tab
-  int _tabIndex = 2;
-
-  final List _titles = ['首页', '订单', '资讯','我的'];
-  final tabTextStyleSelected = TextStyle(
-      color: const Color(0xFFFF703B),
-      fontSize: 15.sp,
-      fontWeight: FontWeight.bold); //选线卡选中字体颜色
-  final tabTextStyleNormal = TextStyle(
-      color: const Color(0xFF323232),
-      fontSize: 15.sp,
-      fontWeight: FontWeight.bold); //选项卡未选中字体颜色
-
-  TextStyle getTabTextStyle(int curIndex) {
-    //设置tabbar 选中和未选中的状态文本
-    if (curIndex == _tabIndex) {
-      return tabTextStyleSelected;
-    }
-    return tabTextStyleNormal;
-  }
-
-  // 切换底部选项卡，标题的变化设置
-  Text getTabTitle(int curIndex) {
-    return Text(_titles[curIndex], style: getTabTextStyle(curIndex));
-  }
-
-  List images = [
-    ['images/index/HomesOFFImgaes.png', 'images/index/HomesNOImgaes.png'],
-    ['images/index/OrdersOFFImgaes.png', 'images/index/OrdersNOImgaes.png'],
-    ['images/index/newsONImages.png', 'images/index/newsOFFImages.png'],
-    ['images/index/MineOFFImgaes.png', 'images/index/MineNOImgaes.png'],
-  ];
-  Image getTabIcon(int curIndex) {
-    //设置tabbar选中和未选中的状态图标
-    if (curIndex == _tabIndex) {
-      return Image.asset(
-        images[curIndex][1],
-        width: 22.w,
-        height: 22.w,
-      );
-    }
-    return Image.asset(
-      images[curIndex][0],
-      width: 22.w,
-      height: 22.w,
-    );
-  }
-
-  Image getTabImage(path) {
-    return Image.asset(path, width: 22.w, height: 22.w);
-  }
-
-  Widget tabBar(index) {
-    return GestureDetector(
-      behavior: HitTestBehavior.opaque,
-      onTap: () {
-        if(index!=_tabIndex){
-          if(index==0){
-            Get.offNamed('/');
-          }else if(index==1){
-            Get.offNamed('/order');
-          }else if(index==2){
-            Get.offNamed('/infomation');
-          }else{
-            Get.offNamed('/main');
-          }
-        }
-      },
-      child: Container(
-        width: 93.w,
-        height: 65.h,
-        child: Column(
-          children: [
-            getTabIcon(index),
-            Padding(
-              padding: EdgeInsets.fromLTRB(0, 6.h, 0, 0),
-              child: getTabTitle(index),
-            )
-          ],
-        ),
-      ),
-    );
-  }
 
+class Infomation extends BasicPage {
   @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      backgroundColor: Colors.white,
-      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: Information(),
-      bottomNavigationBar: Container(
-        padding: EdgeInsets.fromLTRB(0, 7.h, 0, 7.h),
-        decoration: BoxDecoration(
-          color: const Color(0xFFFFFFFF),
-          boxShadow: [
-            BoxShadow(
-              color: const Color(0x14000000),
-              offset: Offset(0, -2.w),
-              blurRadius: 3.w,
-            ),
-          ],
-        ),
-        child: Row(
-          children:_titles.asMap().keys.map((index) =>tabBar(index)).toList(),
-        ),
-      ),
-    );
+  Widget builder(BuildContext context) {
+    handleTabbar = 2;
+    naviTitle = '咨讯';
+    return  Information();
   }
 }

lib/pages/infomation/widgets/Information/index.dart

 class _InformationState extends State<Information> {
   @override
   Widget build(BuildContext context) {
-    return ListView(
+    return Column(
       children: [
         // ListTile用不好
 
         GestureDetector(
           child: Container(
               padding: EdgeInsets.fromLTRB(0, 30, 0, 30),
-              width: 310.w,
               decoration: const BoxDecoration(
                   border: Border(
                       bottom: BorderSide(width: 0.5, color: Color(0x20000000)
         GestureDetector(
           child: Container(
               padding: EdgeInsets.fromLTRB(0, 30, 0, 30),
-              width: 310.w,
               decoration: const BoxDecoration(
                   border: Border(
                       bottom: BorderSide(width: 0.5, color: Color(0x20000000)

lib/pages/main/index.dart

 import 'package:farmer_client/pages/main/widgets/main/index.dart';
+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_screenutil/flutter_screenutil.dart';
-import 'package:get/get.dart';
-
-class Main extends StatefulWidget {
-  const Main({Key? key}) : super(key: key);
-
-  @override
-  _Main createState() => _Main();
-}
-
-class _Main extends State<Main> {
-  //下标   当前tab
-  int _tabIndex = 3;
-
-  final List _titles = ['首页', '订单', '资讯','我的'];
-  final tabTextStyleSelected = TextStyle(
-      color: const Color(0xFFFF703B),
-      fontSize: 15.sp,
-      fontWeight: FontWeight.bold); //选线卡选中字体颜色
-  final tabTextStyleNormal = TextStyle(
-      color: const Color(0xFF323232),
-      fontSize: 15.sp,
-      fontWeight: FontWeight.bold); //选项卡未选中字体颜色
-
-  TextStyle getTabTextStyle(int curIndex) {
-    //设置tabbar 选中和未选中的状态文本
-    if (curIndex == _tabIndex) {
-      return tabTextStyleSelected;
-    }
-    return tabTextStyleNormal;
-  }
-
-  // 切换底部选项卡，标题的变化设置
-  Text getTabTitle(int curIndex) {
-    return Text(_titles[curIndex], style: getTabTextStyle(curIndex));
-  }
-
-  List images = [
-    ['images/index/HomesOFFImgaes.png', 'images/index/HomesNOImgaes.png'],
-    ['images/index/OrdersOFFImgaes.png', 'images/index/OrdersNOImgaes.png'],
-    ['images/index/newsONImages.png', 'images/index/newsOFFImages.png'],
-    ['images/index/MineOFFImgaes.png', 'images/index/MineNOImgaes.png'],
-  ];
-  Image getTabIcon(int curIndex) {
-    //设置tabbar选中和未选中的状态图标
-    if (curIndex == _tabIndex) {
-      return Image.asset(
-        images[curIndex][1],
-        width: 22.w,
-        height: 22.w,
-      );
-    }
-    return Image.asset(
-      images[curIndex][0],
-      width: 22.w,
-      height: 22.w,
-    );
-  }
-
-  Image getTabImage(path) {
-    return Image.asset(path, width: 22.w, height: 22.w);
-  }
-
-  Widget tabBar(index) {
-    return GestureDetector(
-      behavior: HitTestBehavior.opaque,
-      onTap: () {
-        if(index!=_tabIndex){
-          if(index==0){
-            Get.offNamed('/');
-          }else if(index==1){
-            Get.offNamed('/order');
-          }else if(index==2){
-            Get.offNamed('/infomation');
-          }else{
-            Get.offNamed('/main');
-          }
-        }
-      },
-      child: Container(
-        width: 93.w,
-        height: 65.h,
-        child: Column(
-          children: [
-            getTabIcon(index),
-            Padding(
-              padding: EdgeInsets.fromLTRB(0, 6.h, 0, 0),
-              child: getTabTitle(index),
-            )
-          ],
-        ),
-      ),
-    );
-  }
 
+class Main extends BasicPage {
   @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      backgroundColor: Colors.white,
-      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: MainPage(),
-      bottomNavigationBar: Container(
-        padding: EdgeInsets.fromLTRB(0, 7.h, 0, 7.h),
-        decoration: BoxDecoration(
-          color: const Color(0xFFFFFFFF),
-          boxShadow: [
-            BoxShadow(
-              color: const Color(0x14000000),
-              offset: Offset(0, -2.w),
-              blurRadius: 3.w,
-            ),
-          ],
-        ),
-        child: Row(
-          children:_titles.asMap().keys.map((index) =>tabBar(index)).toList(),
-        ),
-      ),
-    );
+  Widget builder(BuildContext context) {
+    handleTabbar = 3;
+    naviTitle = '我的';
+    return const MainPage();
   }
 }

lib/pages/main/widgets/main/index.dart

   Widget build(BuildContext context) {
     return Container(
       alignment: Alignment.center,
-      child: ListView(
+      child: Column(
         children: [
           Column(
             children: [

lib/pages/order/index.dart

+import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_screenutil/flutter_screenutil.dart';
-import 'package:get/get.dart';
 import './widgets/order/index.dart';
 
-class Order extends StatefulWidget {
-  const Order({Key? key}) : super(key: key);
 
+class Order extends BasicPage {
   @override
-  _Order createState() => _Order();
-}
-
-class _Order extends State<Order> {
-  //下标   当前tab
-  final int _tabIndex = 1;
-
-  final List _titles = ['首页', '订单', '资讯','我的'];
-  final tabTextStyleSelected = TextStyle(
-      color: const Color(0xFFFF703B),
-      fontSize: 15.sp,
-      fontWeight: FontWeight.bold); //选线卡选中字体颜色
-  final tabTextStyleNormal = TextStyle(
-      color: const Color(0xFF323232),
-      fontSize: 15.sp,
-      fontWeight: FontWeight.bold); //选项卡未选中字体颜色
-
-  TextStyle getTabTextStyle(int curIndex) {
-    //设置tabbar 选中和未选中的状态文本
-    if (curIndex == _tabIndex) {
-      return tabTextStyleSelected;
-    }
-    return tabTextStyleNormal;
-  }
-
-  // 切换底部选项卡，标题的变化设置
-  Text getTabTitle(int curIndex) {
-    return Text(_titles[curIndex], style: getTabTextStyle(curIndex));
-  }
-
-  List images = [
-    ['images/index/HomesOFFImgaes.png', 'images/index/HomesNOImgaes.png'],
-    ['images/index/OrdersOFFImgaes.png', 'images/index/OrdersNOImgaes.png'],
-    ['images/index/newsONImages.png', 'images/index/newsOFFImages.png'],
-    ['images/index/MineOFFImgaes.png', 'images/index/MineNOImgaes.png'],
-  ];
-  Image getTabIcon(int curIndex) {
-    //设置tabbar选中和未选中的状态图标
-    if (curIndex == _tabIndex) {
-      return Image.asset(
-        images[curIndex][1],
-        width: 22.w,
-        height: 22.w,
-      );
-    }
-    return Image.asset(
-      images[curIndex][0],
-      width: 22.w,
-      height: 22.w,
-    );
-  }
-
-  Image getTabImage(path) {
-    return Image.asset(path, width: 22.w, height: 22.w);
-  }
-
-  Widget tabBar(index) {
-    return GestureDetector(
-      behavior: HitTestBehavior.opaque,
-      onTap: () {
-        if(index!=_tabIndex){
-          if(index==0){
-            Get.offNamed('/');
-          }else if(index==1){
-            Get.offNamed('/order');
-          }else if(index==2){
-            Get.offNamed('/infomation');
-          }else{
-            Get.offNamed('/main');
-          }
-        }
-      },
-      child: Container(
-        width: 93.w,
-        height: 65.h,
-        child: Column(
-          children: [
-            getTabIcon(index),
-            Padding(
-              padding: EdgeInsets.fromLTRB(0, 6.h, 0, 0),
-              child: getTabTitle(index),
-            )
-          ],
-        ),
-      ),
-    );
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      backgroundColor: Colors.white,
-      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: OrderPage(),
-      bottomNavigationBar: Container(
-        padding: EdgeInsets.fromLTRB(0, 7.h, 0, 7.h),
-        decoration: BoxDecoration(
-          color: const Color(0xFFFFFFFF),
-          boxShadow: [
-            BoxShadow(
-              color: const Color(0x14000000),
-              offset: Offset(0, -2.w),
-              blurRadius: 3.w,
-            ),
-          ],
-        ),
-        child: Row(
-          children:_titles.asMap().keys.map((index) =>tabBar(index)).toList(),
-        ),
-      ),
-    );
+  Widget builder(BuildContext context) {
+    handleTabbar = 1;
+    naviTitle = '订单';
+    return const OrderPage();
   }
 }

lib/pages/order/widgets/order/index.dart

 
   @override
   Widget build(BuildContext context) {
-    return ListView(
+    return Column(
       children: [
         Container(
           padding: EdgeInsets.fromLTRB(15, 0, 15, 0),

lib/widgets/layout/BasicPage.dart

 
 import 'package:flutter/material.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
 
 abstract class BasicPage extends StatefulWidget {
   // 导航标题
   // 用法 naviTitle = xxxx
   final _title = Rx<String>("");
+  final isTabBar = Rx<bool>(false);
+  final tabIndex =Rx<int>(0);
+
   set naviTitle(String t) {
     _title.value = t;
   }
+  set handleTabbar(int index) {
+    tabIndex.value=index;
+    isTabBar.value = true;
+  }
 
   // 允许滚动 - 不是响应式的
   bool canScroll;
     }
   }
 
+
+
+  final List _titles = ['首页', '订单', '资讯','我的'];
+  final tabTextStyleSelected = TextStyle(
+      color: const Color(0xFFFF703B),
+      fontSize: 15.sp,
+      fontWeight: FontWeight.bold); //选线卡选中字体颜色
+  final tabTextStyleNormal = TextStyle(
+      color: const Color(0xFF323232),
+      fontSize: 15.sp,
+      fontWeight: FontWeight.bold); //选项卡未选中字体颜色
+
+  TextStyle getTabTextStyle(int curIndex) {
+    //设置tabbar 选中和未选中的状态文本
+    if (curIndex == widget.tabIndex.value) {
+      return tabTextStyleSelected;
+    }
+    return tabTextStyleNormal;
+  }
+
+  // 切换底部选项卡，标题的变化设置
+  Text getTabTitle(int curIndex) {
+    return Text(_titles[curIndex], style: getTabTextStyle(curIndex));
+  }
+
+  List images = [
+    ['images/index/HomesOFFImgaes.png', 'images/index/HomesNOImgaes.png'],
+    ['images/index/OrdersOFFImgaes.png', 'images/index/OrdersNOImgaes.png'],
+    ['images/index/newsONImages.png', 'images/index/newsOFFImages.png'],
+    ['images/index/MineOFFImgaes.png', 'images/index/MineNOImgaes.png'],
+  ];
+  Image getTabIcon(int curIndex) {
+    //设置tabbar选中和未选中的状态图标
+    if (curIndex == widget.tabIndex.value) {
+      return Image.asset(
+        images[curIndex][1],
+        width: 22.w,
+        height: 22.w,
+      );
+    }
+    return Image.asset(
+      images[curIndex][0],
+      width: 22.w,
+      height: 22.w,
+    );
+  }
+
+  Image getTabImage(path) {
+    return Image.asset(path, width: 22.w, height: 22.w);
+  }
+
+  Widget tabBar(index) {
+    return GestureDetector(
+      behavior: HitTestBehavior.opaque,
+      onTap: () {
+        if(index!=widget.tabIndex.value){
+          if(index==0){
+            Get.offNamed('/');
+          }else if(index==1){
+            Get.offNamed('/order');
+          }else if(index==2){
+            Get.offNamed('/infomation');
+          }else{
+            Get.offNamed('/main');
+          }
+        }
+      },
+      child: Container(
+        width: 93.w,
+        height: 65.h,
+        child: Column(
+          children: [
+            getTabIcon(index),
+            Padding(
+              padding: EdgeInsets.fromLTRB(0, 6.h, 0, 0),
+              child: getTabTitle(index),
+            )
+          ],
+        ),
+      ),
+    );
+  }
+  Widget? _bottomBar(){
+    if(widget.isTabBar.value) {
+      return Container(
+      padding: EdgeInsets.fromLTRB(0, 7.h, 0, 7.h),
+      decoration: BoxDecoration(
+        color: const Color(0xFFFFFFFF),
+        boxShadow: [
+          BoxShadow(
+            color: const Color(0x14000000),
+            offset: Offset(0, -2.w),
+            blurRadius: 3.w,
+          ),
+        ],
+      ),
+      child: Row(
+        children:_titles.asMap().keys.map((index) =>tabBar(index)).toList(),
+      ),
+    );
+    } else {
+      return null;
+    }
+  }
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       body: SafeArea(
         child: _buildChild(context),
       ),
+      bottomNavigationBar: _bottomBar(),
     );
   }
 }