Initial commit: unionflow-mobile-apps
Application Flutter complète (sans build artifacts). Signed-off-by: lions dev Team
This commit is contained in:
63
lib/presentation/widgets/shared/mini_header_bar.dart
Normal file
63
lib/presentation/widgets/shared/mini_header_bar.dart
Normal file
@@ -0,0 +1,63 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import '../../../shared/design_system/tokens/app_colors.dart';
|
||||
import '../../../shared/design_system/tokens/app_typography.dart';
|
||||
import '../../../shared/widgets/mini_avatar.dart';
|
||||
|
||||
/// UnionFlow Mobile - Composant DRY : MiniHeaderBar
|
||||
/// Remplace l'AppBar massive. Maximum 35-40px de hauteur.
|
||||
class MiniHeaderBar extends StatelessWidget implements PreferredSizeWidget {
|
||||
final String title;
|
||||
final String? profileImageUrl;
|
||||
final Widget? trailing;
|
||||
|
||||
const MiniHeaderBar({
|
||||
Key? key,
|
||||
required this.title,
|
||||
this.profileImageUrl,
|
||||
this.trailing,
|
||||
}) : super(key: key);
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
final isDark = Theme.of(context).brightness == Brightness.dark;
|
||||
|
||||
return Container(
|
||||
color: Theme.of(context).scaffoldBackgroundColor,
|
||||
padding: EdgeInsets.only(
|
||||
top: MediaQuery.of(context).padding.top + 8, // Respecte la Status Bar
|
||||
bottom: 8,
|
||||
left: 16,
|
||||
right: 16,
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
// Bouton Menu/Profil à gauche
|
||||
GestureDetector(
|
||||
onTap: () {
|
||||
Scaffold.of(context).openDrawer();
|
||||
},
|
||||
child: MiniAvatar(
|
||||
imageUrl: profileImageUrl,
|
||||
fallbackText: 'ME',
|
||||
size: 28,
|
||||
),
|
||||
),
|
||||
|
||||
// Titre central (Petit)
|
||||
Text(
|
||||
title,
|
||||
style: AppTypography.headerSmall.copyWith(
|
||||
color: isDark ? AppColors.textPrimaryDark : AppColors.textPrimaryLight,
|
||||
),
|
||||
),
|
||||
|
||||
if (trailing != null) trailing! else const SizedBox(width: 28),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
@override
|
||||
Size get preferredSize => const Size.fromHeight(40.0);
|
||||
}
|
||||
Reference in New Issue
Block a user