'.'

lib/pages/home2.dart

@@ -0,0 +1,109 @@
+import 'package:flutter/cupertino.dart';
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:flutter_screenutil/flutter_screenutil.dart';
+
+class Home extends StatefulWidget {
+  const Home({Key? key}) : super(key: key);
+
+  @override
+  _Home createState() => _Home();
+}
+
+class _Home extends State<Home> {
+  List images = [
+    ['images/index/index.png', 'images/index/indexActive.png'],
+    ['images/index/job.png', 'images/index/jobActive.png'],
+    ['images/index/user.png', 'images/index/userActive.png'],
+  ];
+
+  final List _titles = ['首页', '订单列表', '个人中心'];
+  int _currentIndex = 0;
+  final tabTextStyleSelected =
+  TextStyle(color: const Color(0xFF06B03B),fontSize: 15.sp,fontWeight: FontWeight.bold); //选线卡选中字体颜色
+  final tabTextStyleNormal =
+  TextStyle(color: const Color(0xFF323232),fontSize: 15.sp,fontWeight: FontWeight.bold); //选项卡未选中字体颜色
+  int _tabIndex = 0; //选项卡下标
+
+  var _body = [Text('我是首页'), Text('我是订单列表'), Text('我是个人中心')];
+  TextStyle getTabTextStyle(int curIndex) {
+    //设置tabbar 选中和未选中的状态文本
+    if (curIndex == _tabIndex) {
+      return tabTextStyleSelected;
+    }
+    return tabTextStyleNormal;
+  }
+
+  Image getTabIcon(int curIndex) {
+    //设置tabbar选中和未选中的状态图标
+    if (curIndex == _tabIndex) {
+      return Image.asset(
+        images[curIndex][1],
+        width: 20.w,
+        height: 20.w,
+      );
+    }
+    return Image.asset(
+      images[curIndex][0],
+      width: 20.w,
+      height: 20.w,
+    );
+  }
+
+  Image getTabImage(path) {
+    return Image.asset(path, width: 26.w, height: 26.w);
+  }
+
+  // 切换底部选项卡，标题的变化设置
+  Text getTabTitle(int curIndex) {
+    return Text(_titles[curIndex], style: getTabTextStyle(curIndex));
+  }
+
+  @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: _body[_tabIndex],
+      bottomNavigationBar: Container(
+        height: 65.h,
+
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceAround,
+          children: [
+            Column(
+              children: [
+                getTabIcon(0),
+                getTabTitle(0)
+              ],
+            ),
+            Column(
+              children: [
+                getTabIcon(1),
+                getTabTitle(1)
+              ],
+            ),
+            Column(
+              children: [
+                getTabIcon(2),
+                getTabTitle(2)
+              ],
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}