导航栏代码，配置文件

ln_jq_app/lib/pages/b_page/base_widgets/controller.dart

@@ -0,0 +1,18 @@
+import 'package:flutter_native_splash/flutter_native_splash.dart';
+import 'package:getx_scaffold/getx_scaffold.dart';
+
+class B_BaseWidgetsController extends GetxController with BaseControllerMixin {
+  @override
+  String get builderId => 'b_baseWidgets';
+
+  B_BaseWidgetsController();
+
+  @override
+  void onInit() {
+    super.onInit();
+    FlutterNativeSplash.remove();
+  }
+
+  int pageIndex = 0;
+
+}

ln_jq_app/lib/pages/b_page/base_widgets/view.dart

@@ -0,0 +1,75 @@
+import 'package:flutter/material.dart';
+import 'package:getx_scaffold/common/index.dart';
+import 'package:getx_scaffold/getx_scaffold.dart';
+import 'package:ln_jq_app/pages/b_page/base_widgets/controller.dart';
+import 'package:ln_jq_app/pages/b_page/site/view.dart';
+import 'package:ln_jq_app/pages/c_page/reservation/view.dart';
+
+class B_BaseWidgetsPage extends GetView<B_BaseWidgetsController> {
+   B_BaseWidgetsPage({super.key});
+
+  final PageController _pageController = PageController();
+  // 主视图
+  Widget _buildView() {
+    return PageView(
+      controller: _pageController,
+      onPageChanged: (index) {
+        jumpTabAndPage(index);
+      },
+      children: _buildPages(), // 页面的列表
+    );
+  }
+
+  void jumpTabAndPage(int index) {
+    controller.pageIndex = index; // 更新页面索引
+    controller.updateUi(); // 更新 UI
+    _pageController.jumpToPage(controller.pageIndex);
+  }
+  // 对应的页面
+  List<Widget> _buildPages() {
+    return [
+      SitePage(),
+      ReservationPage(),
+    ];
+  }
+
+  //导航栏
+  Widget _buildNavigationBar() {
+    return NavigationX(
+      currentIndex: controller.pageIndex, // 当前选中的tab索引
+      onTap: (index) {
+        jumpTabAndPage(index);
+      }, // 切换tab事件
+      items: [
+        NavigationItemModel(
+          label: '加氢预约',
+          icon: AntdIcon.orderedlist,
+          selectedIcon: AntdIcon.calendar_fill,
+          badge: '99+',
+          dot: true,
+        ),
+        NavigationItemModel(
+          label: '站点信息',
+          icon: AntdIcon.car,
+          selectedIcon: AntdIcon.car_fill,
+        ),
+      ],
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GetBuilder<B_BaseWidgetsController>(
+      init: B_BaseWidgetsController(),
+      id: 'b_baseWidgets',
+      builder: (_) {
+        return Scaffold(
+          extendBody: false,
+          resizeToAvoidBottomInset: false,
+          bottomNavigationBar: _buildNavigationBar(),
+          body: SafeArea(child: _buildView()),
+        );
+      },
+    );
+  }
+}

ln_jq_app/lib/pages/b_page/reservation/controller.dart

@@ -0,0 +1,18 @@
+import 'package:getx_scaffold/getx_scaffold.dart';
+
+class ReservationController extends GetxController with BaseControllerMixin {
+  @override
+  String get builderId => 'b_reservation';
+
+  ReservationController();
+
+  @override
+  void onInit() {
+    super.onInit();
+  }
+
+  @override
+  void onClose() {
+    super.onClose();
+  }
+}

ln_jq_app/lib/pages/b_page/reservation/view.dart

@@ -0,0 +1,27 @@
+import 'package:flutter/material.dart';
+import 'package:getx_scaffold/getx_scaffold.dart';
+
+import 'controller.dart';
+
+
+class ReservationPage extends GetView<ReservationController> {
+  const ReservationPage({super.key});
+
+  // 主视图
+  Widget _buildView() {
+    return <Widget>[
+      TextX.titleLarge('预约'),
+    ].toColumn(mainAxisSize: MainAxisSize.min).center();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GetBuilder<ReservationController>(
+      init: ReservationController(),
+      id: 'b_reservation',
+      builder: (_) {
+        return _buildView();
+      },
+    );
+  }
+}

ln_jq_app/lib/pages/b_page/site/controller.dart

@@ -0,0 +1,18 @@
+import 'package:getx_scaffold/getx_scaffold.dart';
+
+class SiteController extends GetxController with BaseControllerMixin {
+  @override
+  String get builderId => 'site';
+
+  SiteController();
+
+  @override
+  void onInit() {
+    super.onInit();
+  }
+
+  @override
+  void onClose() {
+    super.onClose();
+  }
+}

ln_jq_app/lib/pages/b_page/site/view.dart

@@ -0,0 +1,26 @@
+import 'package:flutter/material.dart';
+import 'package:getx_scaffold/getx_scaffold.dart';
+
+import 'controller.dart';
+
+class SitePage extends GetView<SiteController> {
+  const SitePage({super.key});
+
+  // 主视图
+  Widget _buildView() {
+    return <Widget>[
+      TextX.titleLarge('加氢预约 加氢站'),
+    ].toColumn(mainAxisSize: MainAxisSize.min).center();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return GetBuilder<SiteController>(
+      init: SiteController(),
+      id: 'site',
+      builder: (_) {
+        return _buildView();
+      },
+    );
+  }
+}