1111

2026-01-13 15:14:30 +03:00
parent 7cbf65e6c1
commit 3b3ed5e640
27 changed files with 36 additions and 36 deletions
--- a/lib/presentation/widgets/FloatingNavBar.dart
+++ b/lib/presentation/widgets/FloatingNavBar.dart
@@ -0,0 +1,128 @@
+import 'dart:ui';
+import 'package:flutter/material.dart';
+import 'package:flutter_svg/flutter_svg.dart';
+
+class NavBarItem {
+  final String iconPath;
+  final String label;
+
+  NavBarItem({required this.iconPath, required this.label});
+}
+
+class Floatingnavbar extends StatelessWidget {
+  final List<NavBarItem> items;
+  final int selectedIndex;
+  final ValueChanged<int> onTap;
+
+  const Floatingnavbar({
+    super.key,
+    required this.items,
+    required this.selectedIndex,
+    required this.onTap,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    final bottomPadding = MediaQuery.of(context).padding.bottom;
+
+   return ClipRRect(
+  borderRadius: BorderRadius.circular(45),
+  child: BackdropFilter(
+    filter: ImageFilter.blur(sigmaX: 12, sigmaY: 12),
+    child: Container(
+      height: 70,
+      margin: EdgeInsets.only(
+        bottom: 10 + bottomPadding,
+        left: 28,
+        right: 28,
+      ),
+
+      decoration: BoxDecoration(
+        color: Colors.white,     // ⭐ frosted-glass effect
+        borderRadius: BorderRadius.circular(45),
+        border: Border.all(
+          color: const Color(0x4DFFFFFF),   // subtle glass border
+          width: 1.2,
+        ),
+        boxShadow: [
+          BoxShadow(
+            color: Colors.black.withOpacity(0.15),
+            blurRadius: 20,
+            offset: const Offset(0, -5),
+            spreadRadius: 0,
+          ),
+        ],
+      ),
+
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+        children: items.asMap().entries.map((entry) {
+          final index = entry.key;
+          final item = entry.value;
+          final isSelected = selectedIndex == index;
+
+          return _NavBarItemTile(
+            item: item,
+            isSelected: isSelected,
+            onTap: () => onTap(index),
+          );
+        }).toList(),
+      ),
+    ),
+  ),
+);
+
+  }
+}
+
+class _NavBarItemTile extends StatelessWidget {
+  final NavBarItem item;
+  final bool isSelected;
+  final VoidCallback onTap;
+
+  const _NavBarItemTile({
+    Key? key,
+    required this.item,
+    required this.isSelected,
+    required this.onTap,
+  }) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Expanded(
+      child: InkWell(
+        onTap: onTap,
+        borderRadius: BorderRadius.circular(45),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 5, vertical: 5),
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              SvgPicture.asset(
+                item.iconPath,
+                width: 30,
+                height: 30,
+                colorFilter: ColorFilter.mode(
+                  isSelected ? const Color(0xFF177046) : Colors.black,
+                  BlendMode.srcIn,
+                ),
+              ),
+
+              const SizedBox(height: 6),
+
+              Text(
+                item.label,
+                style: TextStyle(
+                  color: isSelected ? const Color(0xFF177046) : Colors.black,
+                  fontSize: 15,
+                  fontFamily: 'AbdEriady',
+                  fontWeight: isSelected ? FontWeight.w700 : FontWeight.w400,
+                ),
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}