ajout de la box avec le profil + la barre de recherche

2025-09-12 13:51:10 +04:00
parent 45f28f60c8
commit 1b04d66de9
7 changed files with 581 additions and 108 deletions
@@ -0,0 +1,68 @@
+import 'package:flutter/material.dart';
+import '../theme/app_theme.dart';
+
+class HeaderWidget extends StatelessWidget {
+  const HeaderWidget({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return Padding(
+      padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 16),
+      child: Row(
+        children: [
+          Container(
+            width: 50,
+            height: 50,
+            decoration: const BoxDecoration(
+              shape: BoxShape.circle,
+              gradient: AppTheme.profileGradient,
+            ),
+            child: const Icon(
+              Icons.person,
+              color: Colors.white,
+              size: 28,
+            ),
+          ),
+          
+          const SizedBox(width: 16),
+          
+          Expanded(
+            child: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                Text(
+                  'Welcome Back',
+                  style: Theme.of(context).textTheme.bodyMedium,
+                ),
+                Text(
+                  'John Anon',
+                  style: Theme.of(context).textTheme.titleLarge,
+                ),
+              ],
+            ),
+          ),
+          Container(
+            width: 44,
+            height: 44,
+            decoration: BoxDecoration(
+              color: Colors.white,
+              borderRadius: BorderRadius.circular(22),
+              boxShadow: [
+                BoxShadow(
+                  color: Colors.black.withOpacity(0.1),
+                  blurRadius: 8,
+                  offset: const Offset(0, 2),
+                ),
+              ],
+            ),
+            child: const Icon(
+              Icons.notifications_outlined,
+              color: Colors.black54,
+              size: 24,
+            ),
+          ),
+        ],
+      ),
+    );
+  }
+}