wushu/lib/widgets/main_navigation.dart

import 'package:flutter/material.dart';
import 'package:get/get.dart';
import '../views/home/home_page.dart';
import '../views/discover_page.dart';
import '../views/favorites_page.dart';
import '../views/profile/profile_page.dart';
import '../views/profile/level/poetry.dart';
import '../views/home/care/care_poetry_page.dart';
import '../services/get/main_navigation_controller.dart';
import '../services/get/profile_controller.dart';
import '../services/get/theme_controller.dart';
import '../services/get/tap_liquid_glass_controller.dart';
import '../services/get/care_controller.dart';
import 'tap-liquid-glass.dart';
import 'care/care_mode_navigation.dart';

/// 时间: 2025-03-21
/// 功能: 主导航页面，包含底部导航栏和4个主要页面
/// 介绍: 这是应用的主要导航容器，提供底部导航栏来切换主页、发现、收藏和个人页面
/// 最新变化: 使用 Stack 布局实现 Tap 沉浸光感液态玻璃导航栏悬浮效果

class MainNavigation extends StatelessWidget {
  const MainNavigation({super.key});

  @override
  Widget build(BuildContext context) {
    // 初始化导航控制器（只初始化一次）
    Get.lazyPut(() => MainNavigationController());
    Get.lazyPut(() => TapLiquidGlassController());
    Get.lazyPut(() => CareController());
    final controller = Get.find<MainNavigationController>();
    final themeController = Get.find<ThemeController>();
    final glassController = Get.find<TapLiquidGlassController>();
    final careController = Get.find<CareController>();

    final List<Widget> pages = [
      HomePage(),
      const DiscoverPage(),
      const FavoritesPage(),
      const ProfilePage(),
    ];

    final primaryColor = themeController.currentThemeColor;

    final List<BottomNavigationBarItem> bottomNavItems = [
      BottomNavigationBarItem(
        icon: const Icon(Icons.home),
        activeIcon: Icon(Icons.home, color: primaryColor),
        label: '主页',
      ),
      BottomNavigationBarItem(
        icon: const Icon(Icons.explore),
        activeIcon: Icon(Icons.explore, color: primaryColor),
        label: '发现',
      ),
      BottomNavigationBarItem(
        icon: const Icon(Icons.favorite_border),
        activeIcon: Icon(Icons.favorite, color: primaryColor),
        label: '收藏',
      ),
      BottomNavigationBarItem(
        icon: const Icon(Icons.person_outline),
        activeIcon: Icon(Icons.person, color: primaryColor),
        label: '个人',
      ),
    ];

    return Obx(() {
      final isDark = themeController.isDarkMode;
      final useGlass = glassController.isEnabled;
      final isCareMode = careController.isCareModeEnabled;

      // 关怀模式开启时，使用关怀模式的导航栏
      if (isCareMode) {
        return Scaffold(body: _buildCareModeBody(careController));
      }

      return Scaffold(
        body: useGlass
            ? _buildGlassBody(controller, pages)
            : _buildClassicBody(
                controller,
                pages,
                isDark,
                bottomNavItems,
                primaryColor,
              ),
      );
    });
  }

  /// 构建液态玻璃导航栏主体
  /// 使用 Stack 布局，让导航栏悬浮在页面内容上方
  Widget _buildGlassBody(
    MainNavigationController controller,
    List<Widget> pages,
  ) {
    return Stack(
      children: [
        // 页面内容 - 延伸到屏幕底部
        IndexedStack(index: controller.currentIndex.value, children: pages),
        // 悬浮的液态玻璃导航栏
        Positioned(
          left: 0,
          right: 0,
          bottom: 0,
          child: TapLiquidGlassNavigation(
            currentIndex: controller.currentIndex.value,
            onTap: (index) {
              controller.switchPage(index);
              if (index == 3) {
                final profileController = Get.find<ProfileController>();
                profileController.onInit();
              }
            },
          ),
        ),
      ],
    );
  }

  /// 构建经典导航栏主体
  Widget _buildClassicBody(
    MainNavigationController controller,
    List<Widget> pages,
    bool isDark,
    List<BottomNavigationBarItem> items,
    Color primaryColor,
  ) {
    return Column(
      children: [
        // 页面内容
        Expanded(
          child: IndexedStack(
            index: controller.currentIndex.value,
            children: pages,
          ),
        ),
        // 经典底部导航栏
        Container(
          decoration: BoxDecoration(
            color: isDark ? const Color(0xFF2A2A2A) : Colors.white,
            boxShadow: [
              BoxShadow(
                color: Colors.black.withValues(alpha: isDark ? 0.3 : 0.1),
                blurRadius: 8,
                offset: const Offset(0, -2),
              ),
            ],
          ),
          child: SafeArea(
            top: false,
            child: BottomNavigationBar(
              currentIndex: controller.currentIndex.value,
              onTap: (index) {
                controller.switchPage(index);
                if (index == 3) {
                  final profileController = Get.find<ProfileController>();
                  profileController.onInit();
                }
              },
              type: BottomNavigationBarType.fixed,
              selectedItemColor: primaryColor,
              unselectedItemColor: isDark ? Colors.grey[400] : Colors.grey[600],
              backgroundColor: isDark ? const Color(0xFF2A2A2A) : Colors.white,
              elevation: 0,
              items: items,
              selectedFontSize: 12,
              unselectedFontSize: 12,
            ),
          ),
        ),
      ],
    );
  }

  /// 构建关怀模式主体
  /// 使用 Stack 布局，让导航栏悬浮在页面内容上方
  Widget _buildCareModeBody(CareController careController) {
    return Obx(() {
      final carePages = [const CarePoetryPage(), const PoetryLevelPage()];

      return Stack(
        children: [
          // 页面内容 - 延伸到屏幕底部
          IndexedStack(
            index: careController.careNavigationIndex,
            children: carePages,
          ),
          // 悬浮的关怀模式导航栏
          Positioned(
            left: 0,
            right: 0,
            bottom: 0,
            child: CareModeNavigation(
              currentIndex: careController.careNavigationIndex,
              onTap: (index) {
                careController.switchCareNavigation(index);
              },
            ),
          ),
        ],
      );
    });
  }
}