update

 import 'package:flutter/material.dart';
 import 'package:one_poem/category/provider/categories_page_provider.dart';
+import 'package:one_poem/widgets/bars/home_types_bar.dart';
 import 'package:one_poem/widgets/my_app_bar.dart';
 import 'package:provider/provider.dart';
 
 import 'category_list_page.dart';
-import 'package:one_poem/extension/int_extension.dart';
-import 'package:flutter_gen/gen_l10n/one_poem_localizations.dart';
 
 class CategoriesPage extends StatefulWidget {
   const CategoriesPage({Key? key}) : super(key: key);
@@ -35,21 +34,16 @@ class _CategoriesPageState extends State<CategoriesPage> {
       create: (_) => provider,
       child: Scaffold(
         appBar: MyAppBar(
-          isBack: false,
+          isBack: true,
           isTransparent: true,
-          homeMenuHeader: Container(
-            alignment: Alignment.center,
-            margin: EdgeInsets.symmetric(horizontal: 5.px),
-            child: Text(
-              OnePoemLocalizations.of(context)
-                  .categoryBottomNavigationBarItemTitle,
-              style: const TextStyle(color: Colors.black54),
-            ),
+          homeMenuHeader: HomeTypesHeader(
+            color: Colors.black45,
+            funcCenter: () {},
           ),
           homeActionWidgets: IconButton(
             icon: const Icon(
               Icons.search,
-              color: Colors.black54,
+              color: Colors.white,
             ),
             onPressed: () {},
           ),

@@ -7,12 +7,15 @@ class HomeTypesHeader extends StatelessWidget {
     this.funcLeft,
     this.funcCenter,
     this.funcRight,
+    this.color,
   }) : super(key: key);
 
   final Function? funcLeft;
   final Function? funcCenter;
   final Function? funcRight;
 
+  final Color? color;
+
   @override
   Widget build(BuildContext context) {
     return Container(
@@ -31,12 +34,15 @@ class HomeTypesHeader extends StatelessWidget {
                 onPressed: () => funcLeft!(),
                 child: Text(
                   "临境",
-                  style: TextStyle(color: Colors.white, fontSize: 15.px),
+                  style: TextStyle(
+                    color: color ?? Colors.white,
+                    fontSize: 15.px,
+                  ),
                 ),
               ),
             ),
-            const VerticalDivider(
-              color: Colors.white,
+            VerticalDivider(
+              color: color ?? Colors.white,
               width: 1.0,
               thickness: 1.0,
               indent: 10.0,
@@ -46,11 +52,14 @@ class HomeTypesHeader extends StatelessWidget {
               onPressed: () => funcCenter!(),
               child: Text(
                 "妙众",
-                style: TextStyle(color: Colors.white, fontSize: 15.px),
+                style: TextStyle(
+                  color: color ?? Colors.white,
+                  fontSize: 15.px,
                 ),
               ),
-            const VerticalDivider(
-              color: Colors.white,
+            ),
+            VerticalDivider(
+              color: color ?? Colors.white,
               width: 1.0,
               thickness: 1.0,
               indent: 10.0,
@@ -60,7 +69,10 @@ class HomeTypesHeader extends StatelessWidget {
               onPressed: () => funcRight!(),
               child: Text(
                 "新鲜",
-                style: TextStyle(color: Colors.white, fontSize: 15.px),
+                style: TextStyle(
+                  color: color ?? Colors.white,
+                  fontSize: 15.px,
+                ),
               ),
             ),
           ],