styl

lib/pages/TabBar/Information_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class InformationPage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('资讯')),
+    );
+  }
+}

lib/pages/TabBar/Mine_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class MinePage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('我的')),
+    );
+  }
+}

lib/pages/TabBar/Orders_page.dart

@@ -0,0 +1,11 @@
+import 'package:flutter/material.dart';
+
+class OrdersPage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      body: Center(child: Text('订单')),
+    );
+  }
+}

lib/pages/TabBar/home_page.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class HomePage extends StatelessWidget {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      body: Center(child: Text('首页')),
+    );
+  }
+}

lib/pages/TabBar/index_page.dart

@@ -0,0 +1,71 @@
+import 'package:flutter/material.dart';
+import 'package:flutter/cupertino.dart';
+import 'home_page.dart';
+import 'Information_page.dart';
+import 'Mine_page.dart';
+import 'Orders_page.dart';
+
+class IndexPage extends StatefulWidget {
+  _IndexPageState createState() => _IndexPageState();
+}
+
+class _IndexPageState extends State<IndexPage> {
+
+
+  final List<BottomNavigationBarItem> bottomTabs = [
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.home),
+      title: Text('首页'),
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.search),
+      title: Text('资讯'),
+
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.shopping_cart),
+      title: Text('订单'),
+
+    ),
+     BottomNavigationBarItem(
+      icon: Icon(CupertinoIcons.profile_circled),
+      title: Text('我的'),
+    ),
+  ];
+
+  final List tabBodies = [
+    HomePage(),
+    InformationPage(),
+    OrdersPage(),
+    MinePage(),
+  ];
+
+  int currentIndex = 0;
+  var currentPage;
+
+  @override
+  void initState() {
+    super.initState();
+    currentPage = tabBodies[currentIndex];
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    // TODO: implement build
+    return Scaffold(
+      backgroundColor: Color.fromRGBO(244, 245, 245, 1),
+      bottomNavigationBar: BottomNavigationBar(
+        type: BottomNavigationBarType.fixed,
+        currentIndex: currentIndex,
+        items: bottomTabs,
+        onTap: (index){
+          setState(() {
+            currentIndex = index;
+            currentPage = tabBodies[currentIndex];
+          });
+        },
+      ),
+      body: currentPage,
+    );
+  }
+}

lib/pages/TabBar/member_page.dart

@@ -0,0 +1 @@
+// TODO Implement this library.