eats

android/app/build.gradle

@@ -57,6 +57,7 @@ android {
     dependencies {
 //        implementation 'com.google.android.material:material:1.5.0'
         implementation('com.amap.api:3dmap:9.1.0')
+//        implementation('com.amap.api:location:6.1.0')
     }
 
     buildTypes {

lib/pages/home/index.dart

@@ -4,10 +4,13 @@ import './widgets/home/index.dart';
 
 
 class Home extends BasicPage {
+  Home({Key? key}) : super(key: key) {
+    tabIndex = 0;
+    naviTitle = '首页';
+  }
+
   @override
   Widget builder(BuildContext context) {
-    handleTabbar = 0;
-    naviTitle = '首页';
     return const HomePage();
   }
 }

lib/pages/infomation/index.dart

@@ -3,10 +3,13 @@ import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 
 class Infomation extends BasicPage {
+  Infomation({Key? key}) : super(key: key) {
+    tabIndex = 2;
+    naviTitle = '咨讯';
+  }
+
   @override
   Widget builder(BuildContext context) {
-    handleTabbar = 2;
-    naviTitle = '咨讯';
     return  Information();
   }
 }

lib/pages/main/index.dart

@@ -3,10 +3,13 @@ import 'package:farmer_client/widgets/layout/BasicPage.dart';
 import 'package:flutter/material.dart';
 
 class Main extends BasicPage {
+  Main({Key? key}) : super(key: key) {
+    tabIndex = 3;
+    naviTitle = '我的';
+  }
+
   @override
   Widget builder(BuildContext context) {
-    handleTabbar = 3;
-    naviTitle = '我的';
     return const MainPage();
   }
 }

lib/pages/order/index.dart

@@ -4,10 +4,13 @@ import './widgets/order/index.dart';
 
 
 class Order extends BasicPage {
+  Order({Key? key}) : super(key: key) {
+    tabIndex = 1;
+    naviTitle = '订单';
+  }
+
   @override
   Widget builder(BuildContext context) {
-    handleTabbar = 1;
-    naviTitle = '订单';
     return const OrderPage();
   }
 }

lib/widgets/Dialog.dart

@@ -0,0 +1,11 @@
+
+import 'package:flutter/widgets.dart';
+
+class Dialog extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    throw UnimplementedError();
+  }
+
+}

lib/widgets/layout/BasicPage.dart

@@ -1,28 +1,28 @@
 
+import 'package:farmer_client/widgets/layout/bottomBar/BottomBar.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_screenutil/flutter_screenutil.dart';
 import 'package:get/get.dart';
 
+import 'barList.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;
-  }
+
+  // 当前活动 tab
+  // 如果非 tab 页, 则不传
+  int? tabIndex;
 
   // 允许滚动 - 不是响应式的
   bool canScroll;
 
   //
-  BasicPage({Key? key, this.canScroll = true}) : super(key: key);
+  BasicPage({Key? key, this.canScroll = true, this.tabIndex }) : super(key: key);
 
   @protected
   Widget builder(BuildContext context);
@@ -99,110 +99,6 @@ class _BasicPageState extends State<BasicPage> {
     }
   }
 
-
-
-  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(
@@ -210,7 +106,7 @@ class _BasicPageState extends State<BasicPage> {
       body: SafeArea(
         child: _buildChild(context),
       ),
-      bottomNavigationBar: _bottomBar(),
+      bottomNavigationBar: widget.tabIndex == null ? null : BottomBar(list: BarList, current: widget.tabIndex!),
     );
   }
 }

lib/widgets/layout/barList.dart

@@ -0,0 +1,32 @@
+
+import 'package:flutter/cupertino.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+import 'bottomBar/item.dart';
+
+final BarList = <BarItem>[
+  BarItem(
+    label: '首页',
+    page: '/',
+    normal: Item (color: const Color(0xFF323232), fontSize: 15.sp, image: 'images/index/HomesOFFImgaes.png'),
+    selected: Item (color: const Color(0xFFFF703B), fontSize: 15.sp, image: 'images/index/HomesNOImgaes.png'),
+  ),
+  BarItem(
+    label: '订单',
+    page: '/order',
+    normal: Item (color: const Color(0xFF323232), fontSize: 15.sp, image: 'images/index/OrdersOFFImgaes.png'),
+    selected: Item (color: const Color(0xFFFF703B), fontSize: 15.sp, image: 'images/index/OrdersNOImgaes.png'),
+  ),
+  BarItem(
+    label: '资讯',
+    page: '/infomation',
+    normal: Item (color: const Color(0xFF323232), fontSize: 15.sp, image: 'images/index/newsOFFImages.png'),
+    selected: Item (color: const Color(0xFFFF703B), fontSize: 15.sp, image: 'images/index/newsONImages.png'),
+  ),
+  BarItem(
+    label: '我的',
+    page: '/main',
+    normal: Item (color: const Color(0xFF323232), fontSize: 15.sp, image: 'images/index/MineOFFImgaes.png'),
+    selected: Item (color: const Color(0xFFFF703B), fontSize: 15.sp, image: 'images/index/MineNOImgaes.png'),
+  ),
+];

lib/widgets/layout/bottomBar/BottomBar.dart

@@ -0,0 +1,87 @@
+
+import 'package:farmer_client/widgets/layout/bottomBar/item.dart';
+import 'package:flutter/widgets.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+import 'package:get/get.dart';
+
+
+class BottomBarItem extends StatelessWidget {
+
+  final bool selected;
+  final BarItem data;
+
+  BottomBarItem({Key? key, required this.selected, required this.data }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    final image = selected ? data.selected.image : data.normal.image;
+    final color = selected ? data.selected.color : data.normal.color;
+    final fontSize = selected ? data.selected.fontSize : data.normal.fontSize;
+
+    final textStyle = TextStyle(color: color, fontSize: fontSize, fontWeight: FontWeight.bold);
+
+    return GestureDetector(
+      onTap: () {
+        if (!selected) {
+          Get.offNamed(data.page);
+        }
+      },
+      child: Column(
+        children: [
+          Expanded(
+            flex: 1,
+            child: Image.asset(image, fit: BoxFit.cover),
+          ),
+          Expanded(
+            flex: 1,
+            child: Center(
+              child: Text(data.label, style: textStyle),
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class BottomBar extends StatelessWidget {
+
+  final int current;
+  List<BarItem> list;
+
+  BottomBar({ Key? key , required this.list, required this.current }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      width: double.infinity,
+      height: 65.w,
+      padding: EdgeInsets.symmetric(vertical: 10.w, horizontal: 0),
+      decoration: BoxDecoration(
+        color: const Color(0xFFFFFFFF),
+        boxShadow: [
+          BoxShadow(
+            color: const Color(0x14000000),
+            offset: Offset(0, -2.w),
+            blurRadius: 3.w,
+          ),
+        ],
+      ),
+      child: Center(
+        child: Row(
+          children: [
+            ...list.map((item) {
+              int index = list.indexOf(item);
+
+              return Expanded(
+                  flex: 1,
+                  child: BottomBarItem(data: item, selected: current == index ),
+              );
+            })
+          ],
+        ),
+      ),
+    );
+  }
+
+}

lib/widgets/layout/bottomBar/item.dart

@@ -0,0 +1,19 @@
+
+import 'dart:ui';
+
+class Item {
+  double fontSize;
+  Color color;
+  String image;
+
+  Item({ required this.fontSize, required this.color, required this.image });
+}
+
+class BarItem {
+  String label;
+  String page;
+  Item normal;
+  Item selected;
+
+  BarItem ({ required this.label, required this.page, required this.normal, required this.selected });
+}

pubspec.yaml

@@ -46,6 +46,7 @@ dependencies:
   fluttertoast: ^8.0.9
   location: ^4.3.0
   amap_flutter_map: ^3.0.0
+  #  amap_flutter_location: ^3.0.0
   carousel_slider: ^4.0.0