From 5c15c195a96f9b57e4b5af1e04d4d2b7bcb874f8 Mon Sep 17 00:00:00 2001 From: sartron_Northblue Date: Fri, 12 Sep 2025 13:57:31 +0400 Subject: [PATCH] fix de la barre de recherche pour la passer en transprent et fix le bouton de setting --- README.md | 67 ---------------------------- lib/widgets/hero_section_widget.dart | 22 ++++++--- 2 files changed, 15 insertions(+), 74 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index 041de39..0000000 --- a/README.md +++ /dev/null @@ -1,67 +0,0 @@ -# Travel Discovery App - -Une application Flutter moderne pour découvrir des destinations de voyage, inspirée d'un design élégant et moderne. - -## 🎨 Fonctionnalités - -- **Interface moderne** : Design épuré avec des gradients et des ombres -- **Header personnalisé** : Profil utilisateur avec notifications -- **Section Hero** : Affichage spectaculaire du volcan Arenal avec effet de lave -- **Barre de recherche** : Interface intuitive pour rechercher des destinations -- **Thème personnalisé** : Couleurs et typographies cohérentes - -## 🚀 Installation - -1. Assurez-vous d'avoir Flutter installé sur votre machine -2. Clonez ce repository -3. Naviguez vers le dossier du projet -4. Installez les dépendances : - ```bash - flutter pub get - ``` - -## 🏃‍♂️ Lancement - -Pour lancer l'application : - -```bash -flutter run -``` - -Pour lancer sur le web : -```bash -flutter run -d chrome -``` - -## 📱 Structure du projet - -``` -lib/ -├── main.dart # Point d'entrée de l'application -├── theme/ -│ └── app_theme.dart # Thème personnalisé avec couleurs et styles -└── widgets/ - ├── header_widget.dart # Widget du header avec profil utilisateur - ├── hero_section_widget.dart # Widget de la section hero avec le volcan - └── search_bar_widget.dart # Widget de la barre de recherche -``` - -## 🎨 Design - -L'application utilise : -- **Couleurs** : Palette orange/rouge pour évoquer la lave du volcan -- **Gradients** : Effets visuels pour simuler l'éruption volcanique -- **Typographie** : Police moderne et lisible -- **Ombres** : Effets de profondeur pour un design moderne - -## 🔧 Personnalisation - -Vous pouvez facilement personnaliser : -- Les couleurs dans `lib/theme/app_theme.dart` -- Les textes dans les widgets -- Les gradients pour créer d'autres effets visuels -- Les icônes et les images - -## 📄 Licence - -Ce projet est sous licence MIT. \ No newline at end of file diff --git a/lib/widgets/hero_section_widget.dart b/lib/widgets/hero_section_widget.dart index a98e0ff..c8a5e3b 100644 --- a/lib/widgets/hero_section_widget.dart +++ b/lib/widgets/hero_section_widget.dart @@ -202,11 +202,15 @@ class HeroSectionWidget extends StatelessWidget { child: Container( padding: const EdgeInsets.symmetric(horizontal: 20, vertical: 4), decoration: BoxDecoration( - color: Colors.white.withOpacity(0.9), + color: Colors.black.withOpacity(0.3), borderRadius: BorderRadius.circular(16), + border: Border.all( + color: Colors.white.withOpacity(0.2), + width: 1, + ), boxShadow: [ BoxShadow( - color: Colors.black.withOpacity(0.1), + color: Colors.black.withOpacity(0.2), blurRadius: 10, offset: const Offset(0, 4), ), @@ -216,7 +220,7 @@ class HeroSectionWidget extends StatelessWidget { children: [ Icon( Icons.search, - color: AppTheme.textSecondary, + color: Colors.white.withOpacity(0.8), size: 24, ), const SizedBox(width: 12), @@ -224,7 +228,7 @@ class HeroSectionWidget extends StatelessWidget { child: Text( 'Search your destination...', style: Theme.of(context).textTheme.bodyLarge?.copyWith( - color: AppTheme.textSecondary, + color: Colors.white.withOpacity(0.8), ), ), ), @@ -232,13 +236,17 @@ class HeroSectionWidget extends StatelessWidget { width: 40, height: 40, decoration: BoxDecoration( - color: Colors.grey.shade100, + color: Colors.white, borderRadius: BorderRadius.circular(12), + border: Border.all( + color: Colors.white.withOpacity(0.3), + width: 1, + ), ), child: Icon( Icons.tune, - color: AppTheme.textSecondary, - size: 20, + color: Colors.black, + size: 30, ), ), ],