分类页面

Author: Tecode

lib/containers/Category.dart

@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_book/widgets/Category/CategoryContent.dart';
+
+class Category extends StatefulWidget {
+  @override
+  _CategoryState createState() => _CategoryState();
+}
+
+class _CategoryState extends State<Category> {
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text("书籍类别"),
+        centerTitle: true,
+        elevation: 0,
+      ),
+      body: CategoryContent(),
+    );
+  }
+}

lib/routers/route_handlers.dart

@@ -6,6 +6,7 @@ import 'package:flutter_book/containers/Login.dart';
 import 'package:flutter_book/containers/Register.dart';
 import 'package:flutter_book/containers/Search.dart';
 import 'package:flutter_book/containers/Leaderboard.dart';
+import 'package:flutter_book/containers/Category.dart';
 
 // import 'package:flutter/painting.dart';
 import 'package:fluro/fluro.dart';
@@ -59,6 +60,12 @@ Handler leaderboardRouterHandler = Handler(
     handlerFunc: (BuildContext context, Map<String, List<String>> params) {
   return Leaderboard();
 });
+// 类别
+Handler categoryRouterHandler = Handler(
+    handlerFunc: (BuildContext context, Map<String, List<String>> params) {
+  return Category();
+});
+
 // var demoFunctionHandler = Handler(
 //     type: HandlerType.function,
 //     handlerFunc: (BuildContext context, Map<String, List<String>> params) {

lib/routers/routers.dart

@@ -19,6 +19,8 @@ class Routes {
   static String search = "/search";
   // 排行榜
   static String leaderboard = "/leaderboard";
+  // 类别
+  static String category = "/category";
 
   static void configureRoutes(Router router) {
     router.notFoundHandler = Handler(
@@ -33,6 +35,7 @@ class Routes {
     router.define(register, handler: registerRouterHandler);
     router.define(search, handler: searchRouterHandler);
     router.define(leaderboard, handler: leaderboardRouterHandler);
+    router.define(category, handler: categoryRouterHandler);
     // router.define(demoSimpleFixedTrans,
     //     handler: demoRouteHandler, transitionType: TransitionType.inFromLeft);
   }

lib/widgets/Category/CategoryContent.dart

@@ -0,0 +1,48 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_book/widgets/common/SearchInputBox.dart';
+
+class CategoryContent extends StatefulWidget {
+  const CategoryContent({Key key}) : super(key: key);
+  @override
+  _CategoryContentState createState() => _CategoryContentState();
+}
+
+class _CategoryContentState extends State<CategoryContent>
+    with SingleTickerProviderStateMixin {
+  final List<Tab> myTabs = <Tab>[
+    Tab(text: 'Economic02'),
+    Tab(text: 'Military'),
+    Tab(text: 'Art'),
+    Tab(text: 'Movement'),
+    Tab(text: 'Design'),
+    Tab(text: 'Science and technology'),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return ListView(
+      children: <Widget>[
+        SearchInputBox(),
+        Container(
+            height: 600.0,
+            child: DefaultTabController(
+              length: myTabs.length,
+              child: Scaffold(
+                appBar: AppBar(
+                  leading: Text(""),
+                  bottom: TabBar(
+                    tabs: myTabs,
+                    isScrollable: true,
+                  ),
+                ),
+                body: TabBarView(
+                  children: myTabs.map((Tab tab) {
+                    return Center(child: Text(tab.text));
+                  }).toList(),
+                ),
+              ),
+            ))
+      ],
+    );
+  }
+}

lib/widgets/NavBar/FirstScreenNavBar.dart

@@ -52,7 +52,12 @@ class FirstScreenNavBar extends StatelessWidget {
             height: Constants.appBarIconSize,
           ),
           onPressed: () {
-            print("ok6");
+          // 跳到分类页面
+          Application.router.navigateTo(
+            context,
+            "/category",
+            transition: TransitionType.native,
+          );
           },
         )
       ],