7cd7c6fc9e
- lib/presentation : pages legacy (explore/network, notifications) avec BLoC - lib/shared/design_system : UnionFlow Design System v2 (tokens, components) + MD3 tokens + module_colors par feature - lib/shared/widgets : widgets transversaux (core_card, core_shimmer, error_widget, loading_widget, powered_by_lions_dev, etc.) - lib/shared/constants + utils
77 lines
2.6 KiB
Dart
77 lines
2.6 KiB
Dart
import 'package:flutter/material.dart';
|
|
import '../design_system/tokens/app_colors.dart';
|
|
import '../design_system/tokens/app_typography.dart';
|
|
|
|
/// UnionFlow Mobile - Composant DRY : CoreTextField
|
|
/// Champ de texte minimaliste, fin, sans bordures massives.
|
|
class CoreTextField extends StatelessWidget {
|
|
final String hintText;
|
|
final IconData? prefixIcon;
|
|
final bool obscureText;
|
|
final TextEditingController? controller;
|
|
final TextInputType keyboardType;
|
|
final String? errorText;
|
|
|
|
const CoreTextField({
|
|
Key? key,
|
|
required this.hintText,
|
|
this.prefixIcon,
|
|
this.obscureText = false,
|
|
this.controller,
|
|
this.keyboardType = TextInputType.text,
|
|
this.errorText,
|
|
}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final isDark = Theme.of(context).brightness == Brightness.dark;
|
|
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
TextField(
|
|
controller: controller,
|
|
obscureText: obscureText,
|
|
keyboardType: keyboardType,
|
|
style: AppTypography.actionText, // Texte d'entrée assez lisible
|
|
decoration: InputDecoration(
|
|
hintText: hintText,
|
|
hintStyle: AppTypography.subtitleSmall.copyWith(
|
|
color: isDark ? AppColors.textSecondaryDark : AppColors.textSecondary,
|
|
),
|
|
prefixIcon: prefixIcon != null
|
|
? Icon(prefixIcon, size: 20, color: AppColors.primary)
|
|
: null,
|
|
filled: true,
|
|
fillColor: isDark ? AppColors.surfaceDark : AppColors.surface,
|
|
contentPadding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
|
|
border: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: BorderSide(
|
|
color: isDark ? AppColors.borderDark : AppColors.border,
|
|
width: 1,
|
|
),
|
|
),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: BorderSide(
|
|
color: isDark ? AppColors.borderDark : AppColors.border,
|
|
width: 1,
|
|
),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.circular(8),
|
|
borderSide: const BorderSide(
|
|
color: AppColors.primary,
|
|
width: 2,
|
|
),
|
|
),
|
|
errorText: errorText,
|
|
errorStyle: AppTypography.badgeText.copyWith(color: AppColors.error),
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|