81 lines
3.7 KiB
Dart
81 lines
3.7 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
/// Un champ pour saisir le nombre maximum de participants à un événement.
|
|
/// Il est conçu pour permettre à l'utilisateur de saisir un nombre entier.
|
|
class AttendeesField extends StatelessWidget {
|
|
// Définition de la fonction de rappel pour sauver la valeur saisie.
|
|
final Function(int) onSaved;
|
|
|
|
// Le constructeur prend une fonction de rappel pour sauvegarder la valeur saisie.
|
|
const AttendeesField({Key? key, required this.onSaved}) : super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
// Retourne un widget de type Column pour organiser le texte et le champ de saisie.
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
// Texte statique indiquant ce que l'utilisateur doit entrer.
|
|
const Text(
|
|
'Nombre maximum de participants', // Le texte est en français et indique le champ à remplir.
|
|
style: TextStyle(
|
|
color: Colors.blueGrey, // Couleur du texte
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.bold, // Met en gras pour la visibilité
|
|
),
|
|
),
|
|
const SizedBox(height: 8), // Espacement entre le titre et le champ de saisie.
|
|
TextFormField(
|
|
keyboardType: TextInputType.number, // Le champ attend un nombre entier.
|
|
decoration: InputDecoration(
|
|
hintStyle: const TextStyle(color: Colors.blueGrey),
|
|
hintText: 'Entrez ici le nombre maximum de participants...', // L'invite pour aider l'utilisateur.
|
|
filled: true, // Le champ est rempli avec une couleur de fond.
|
|
fillColor: Colors.blueGrey.withOpacity(0.1), // Couleur de fond du champ avec opacité.
|
|
border: const OutlineInputBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(12.0)), // Bordure arrondie
|
|
borderSide: BorderSide.none, // Pas de bordure par défaut
|
|
),
|
|
enabledBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
|
borderSide: const BorderSide(
|
|
color: Colors.blueGrey, // Bordure de base
|
|
width: 1.5,
|
|
),
|
|
),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(12.0)),
|
|
borderSide: const BorderSide(
|
|
color: Colors.blue, // Bordure en bleu lors du focus
|
|
width: 2.0,
|
|
),
|
|
),
|
|
prefixIcon: const Icon(
|
|
Icons.group,
|
|
color: Colors.blueGrey, // Icône assortie
|
|
),
|
|
),
|
|
style: const TextStyle(
|
|
color: Colors.blueGrey, // Couleur du texte saisi
|
|
fontSize: 16.0, // Taille de police
|
|
fontWeight: FontWeight.w600, // Poids de la police pour la lisibilité
|
|
),
|
|
onChanged: (value) {
|
|
// Lors de chaque modification de texte, on tente de convertir la valeur en entier.
|
|
int? maxParticipants = int.tryParse(value) ?? 0; // Conversion en entier, avec une valeur par défaut de 0.
|
|
print('Nombre maximum de participants saisi : $maxParticipants'); // Log pour suivre la valeur saisie.
|
|
onSaved(maxParticipants); // Appel de la fonction onSaved pour transmettre la valeur au formulaire principal.
|
|
},
|
|
validator: (value) {
|
|
// Validation pour vérifier si la valeur est un nombre valide.
|
|
if (value == null || value.isEmpty) {
|
|
return 'Veuillez entrer un nombre de participants';
|
|
}
|
|
return null; // La validation est correcte si la valeur est un nombre
|
|
},
|
|
),
|
|
],
|
|
);
|
|
}
|
|
}
|