Versione OK Pour l'onglet événements.

unionflow-mobile-apps/lib/features/evenements/presentation/pages/evenements_page.dart

@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import '../../../../core/di/injection.dart';
 import '../../../../core/models/evenement_model.dart';
+import '../../../../core/animations/loading_animations.dart';
+import '../../../../core/animations/page_transitions.dart';
 import '../../../../shared/theme/app_theme.dart';
 import '../bloc/evenement_bloc.dart';
 import '../bloc/evenement_event.dart';
@@ -9,6 +11,7 @@ import '../bloc/evenement_state.dart';
 import '../widgets/evenement_card.dart';
 import '../widgets/evenement_search_bar.dart';
 import '../widgets/evenement_filter_chips.dart';
+import '../widgets/animated_evenement_list.dart';
 import 'evenement_detail_page.dart';
 import 'evenement_create_page.dart';
 
@@ -36,6 +39,9 @@ class _EvenementsPageContent extends StatefulWidget {
 class _EvenementsPageContentState extends State<_EvenementsPageContent>
     with TickerProviderStateMixin {
   late TabController _tabController;
+  late AnimationController _listAnimationController;
+  late AnimationController _tabAnimationController;
+  late Animation<double> _tabFadeAnimation;
   final ScrollController _scrollController = ScrollController();
   String _searchTerm = '';
   TypeEvenement? _selectedType;
@@ -44,18 +50,40 @@ class _EvenementsPageContentState extends State<_EvenementsPageContent>
   void initState() {
     super.initState();
     _tabController = TabController(length: 3, vsync: this);
+    _listAnimationController = AnimationController(
+      duration: const Duration(milliseconds: 800),
+      vsync: this,
+    );
+
+    _tabAnimationController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+
+    _tabFadeAnimation = Tween<double>(begin: 0.0, end: 1.0).animate(
+      CurvedAnimation(
+        parent: _tabAnimationController,
+        curve: Curves.easeInOut,
+      ),
+    );
     _scrollController.addListener(_onScroll);
-    
+
     _tabController.addListener(() {
       if (_tabController.indexIsChanging) {
         _onTabChanged(_tabController.index);
       }
     });
+
+    // Démarrer les animations d'entrée
+    _listAnimationController.forward();
+    _tabAnimationController.forward();
   }
 
   @override
   void dispose() {
     _tabController.dispose();
+    _listAnimationController.dispose();
+    _tabAnimationController.dispose();
     _scrollController.dispose();
     super.dispose();
   }
@@ -192,8 +220,8 @@ class _EvenementsPageContentState extends State<_EvenementsPageContent>
 
   void _navigateToDetail(EvenementModel evenement) {
     Navigator.of(context).push(
-      MaterialPageRoute(
-        builder: (context) => EvenementDetailPage(evenement: evenement),
+      PageTransitions.slideFromRight(
+        EvenementDetailPage(evenement: evenement),
       ),
     );
   }
@@ -214,28 +242,42 @@ class _EvenementsPageContentState extends State<_EvenementsPageContent>
           ],
         ),
       ),
-      body: TabBarView(
-        controller: _tabController,
-        children: [
-          _buildEvenementsList(showSearch: false),
-          _buildEvenementsList(showSearch: false),
-          _buildEvenementsList(showSearch: true),
-        ],
+      body: FadeTransition(
+        opacity: _tabFadeAnimation,
+        child: TabBarView(
+          controller: _tabController,
+          children: [
+            _buildEvenementsList(showSearch: false),
+            _buildEvenementsList(showSearch: false),
+            _buildEvenementsList(showSearch: true),
+          ],
+        ),
       ),
-      floatingActionButton: FloatingActionButton(
-        onPressed: () async {
-          final result = await Navigator.of(context).push<bool>(
-            MaterialPageRoute(
-              builder: (context) => const EvenementCreatePage(),
+      floatingActionButton: AnimatedBuilder(
+        animation: _listAnimationController,
+        builder: (context, child) {
+          return Transform.scale(
+            scale: 0.8 + (0.2 * _listAnimationController.value),
+            child: FloatingActionButton.extended(
+              onPressed: () async {
+                final result = await Navigator.of(context).push<bool>(
+                  PageTransitions.slideFromBottom(
+                    const EvenementCreatePage(),
+                  ),
+                );
+
+                // Si un événement a été créé, recharger la liste
+                if (result == true && context.mounted) {
+                  context.read<EvenementBloc>().add(const LoadEvenementsAVenir());
+                }
+              },
+              icon: const Icon(Icons.add),
+              label: const Text('Nouvel événement'),
+              backgroundColor: Theme.of(context).primaryColor,
+              foregroundColor: Colors.white,
             ),
           );
-
-          // Si un événement a été créé, recharger la liste
-          if (result == true && context.mounted) {
-            context.read<EvenementBloc>().add(const LoadEvenementsAVenir());
-          }
         },
-        child: const Icon(Icons.add),
       ),
     );
   }
@@ -278,7 +320,7 @@ class _EvenementsPageContentState extends State<_EvenementsPageContent>
                   child: Column(
                     mainAxisAlignment: MainAxisAlignment.center,
                     children: [
-                      Icon(Icons.error_outline, size: 64, color: Colors.red),
+                      const Icon(Icons.error_outline, size: 64, color: Colors.red),
                       const SizedBox(height: 16),
                       Text(state.message, textAlign: TextAlign.center),
                       const SizedBox(height: 16),
@@ -333,45 +375,21 @@ class _EvenementsPageContentState extends State<_EvenementsPageContent>
                 );
               }
               
-              final evenements = state is EvenementLoaded 
+              final evenements = state is EvenementLoaded
                   ? state.evenements
                   : state is EvenementLoadingMore
                       ? state.evenements
                       : state is EvenementError
                           ? state.evenements ?? <EvenementModel>[]
                           : <EvenementModel>[];
-              
-              if (evenements.isEmpty) {
-                return const Center(
-                  child: Text('Aucun événement disponible'),
-                );
-              }
-              
-              return RefreshIndicator(
-                onRefresh: () async => _onRefresh(),
-                child: ListView.builder(
-                  controller: _scrollController,
-                  padding: const EdgeInsets.all(16),
-                  itemCount: evenements.length + 
-                      (state is EvenementLoadingMore ? 1 : 0),
-                  itemBuilder: (context, index) {
-                    if (index >= evenements.length) {
-                      return const Padding(
-                        padding: EdgeInsets.all(16),
-                        child: Center(child: CircularProgressIndicator()),
-                      );
-                    }
-                    
-                    final evenement = evenements[index];
-                    return Padding(
-                      padding: const EdgeInsets.only(bottom: 12),
-                      child: EvenementCard(
-                        evenement: evenement,
-                        onTap: () => _navigateToDetail(evenement),
-                      ),
-                    );
-                  },
-                ),
+
+              final isLoadingMore = state is EvenementLoadingMore;
+
+              return AnimatedEvenementList(
+                evenements: evenements,
+                isLoading: isLoadingMore,
+                onEvenementTap: _navigateToDetail,
+                onRefresh: _onRefresh,
               );
             },
           ),