底部tab的灵活可控

2026-05-14 15:08:19 +08:00
parent a4ac503abd
commit 03f797e717
11 changed files with 1515 additions and 0 deletions
--- a/lib/features/main_container/presentation/widgets/custom_bottom_nav_bar.dart
+++ b/lib/features/main_container/presentation/widgets/custom_bottom_nav_bar.dart
@@ -0,0 +1,99 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:maibu_satabot_v2/features/main_container/presentation/bloc/tab_config_cubit.dart';
+import 'package:cc_ui_kit/cc_ui_kit.dart';
+
+class CustomBottomNavBar extends StatelessWidget {
+  const CustomBottomNavBar({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<TabConfigCubit, TabConfigState>(
+      builder: (context, state) {
+        final enabledTabs = state.config.enabledItems;
+        
+        if (enabledTabs.isEmpty) {
+          return const SizedBox.shrink();
+        }
+
+        return Container(
+          decoration: BoxDecoration(
+            color: Colors.white,
+            boxShadow: [
+              BoxShadow(
+                color: Colors.black.withOpacity(0.05),
+                blurRadius: 10,
+                offset: const Offset(0, -2),
+              ),
+            ],
+          ),
+          child: SafeArea(
+            child: Row(
+              mainAxisAlignment: MainAxisAlignment.spaceAround,
+              children: List.generate(enabledTabs.length, (index) {
+                final tab = enabledTabs[index];
+                final isSelected = index == state.selectedIndex;
+                
+                return _buildNavItem(
+                  context,
+                  icon: _getIconData(tab.icon),
+                  label: tab.name,
+                  isSelected: isSelected,
+                  onTap: () => context.read<TabConfigCubit>().selectTab(index),
+                );
+              }),
+            ),
+          ),
+        );
+      },
+    );
+  }
+
+  Widget _buildNavItem(
+    BuildContext context, {
+    required IconData icon,
+    required String label,
+    required bool isSelected,
+    required VoidCallback onTap,
+  }) {
+    return Expanded(
+      child: InkWell(
+        onTap: onTap,
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(
+              icon,
+              color: isSelected ? const Color(0xFF2196F3) : Colors.grey,
+              size: 24,
+            ),
+            const SizedBox(height: 4),
+            Text(
+              label,
+              style: TextStyle(
+                fontSize: 12,
+                color: isSelected ? const Color(0xFF2196F3) : Colors.grey,
+                fontWeight: isSelected ? FontWeight.w600 : FontWeight.normal,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+
+  IconData _getIconData(String iconName) {
+    switch (iconName) {
+      case 'grid_view_rounded':
+        return Icons.grid_view_rounded;
+      case 'auto_awesome_rounded':
+        return Icons.auto_awesome_rounded;
+      case 'warning_amber_rounded':
+        return Icons.warning_amber_rounded;
+      case 'person_rounded':
+        return Icons.person_rounded;
+      default:
+        return Icons.home_rounded;
+    }
+  }
+}