创建四个tabBar widget

lib/Home/HomePage.dart

+import 'package:flutter/material.dart';
+
+class HomePage extends StatefulWidget {
+  @override
+  _HomePageState createState() => _HomePageState();
+}
+
+class _HomePageState extends State<HomePage> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.red,
+    );
+  }
+}
\ No newline at end of file

lib/Message/MessagePage.dart

+import 'package:flutter/material.dart';
+
+class MessagePage extends StatefulWidget {
+  @override
+  _MessagePageState createState() => _MessagePageState();
+}
+
+class _MessagePageState extends State<MessagePage> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.amber,
+    );
+  }
+}
\ No newline at end of file

lib/Mine/MinePage.dart

+import 'package:flutter/material.dart';
+
+class MinePage extends StatefulWidget {
+  @override
+  _MinePageState createState() => _MinePageState();
+}
+
+class _MinePageState extends State<MinePage> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.green,
+    );
+  }
+}
\ No newline at end of file

lib/Order/OrderPage.dart

+import 'package:flutter/material.dart';
+
+class OrderPage extends StatefulWidget {
+  @override
+  _OrderPageState createState() => _OrderPageState();
+}
+
+class _OrderPageState extends State<OrderPage> {
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      color: Colors.yellow,
+    );
+  }
+}
\ No newline at end of file

lib/main.dart

 import 'package:flutter/material.dart';
 import 'package:flutter/cupertino.dart';
+import 'Home/HomePage.dart';
+import 'Message/MessagePage.dart';
+import 'Mine/MinePage.dart';
+import 'Order/OrderPage.dart';
 
 void main() => runApp(App());
 
@@ -56,23 +60,11 @@ class HomeState extends State<Home> {
   @override
   void initState() {
     super.initState();
-    // DataUtils.getColorThemeIndex().then((index) {
-    //   print('color theme index = $index');
-    //   if (index != null) {
-    //     ThemeUtils.currentColorTheme = ThemeUtils.supportColors[index];
-    //     Constants.eventBus.fire(new ChangeThemeEvent(ThemeUtils.supportColors[index]));
-    //   }
-    // });
-    // Constants.eventBus.on<ChangeThemeEvent>().listen((event) {
-    //   setState(() {
-    //     themeColor = event.color;
-    //   });
-    // });
     pages = <Widget>[
-      // new NewsListPage(),
-      // new TweetsListPage(),
-      // new DiscoveryPage(),
-      // new MyInfoPage()
+      new HomePage(),
+      new OrderPage(),
+      new MessagePage(),
+      new MinePage()
     ];
     if (tabImages == null) {
       tabImages = [
@@ -100,7 +92,6 @@ class HomeState extends State<Home> {
     return new Text(appBarTitles[curIndex], style: getTabTextStyle(curIndex));
   }
   
-
   @override
   Widget build(BuildContext context) {
     _body = new IndexedStack(