Scribd
Importer
13 vues2 pages

Formulaire Flutter : Création et Validation

Le document présente un TP de développement mobile à l'École Nationale d'Ingénieurs de Gabès, dirigé par Fatma ELLOUZE. Il consiste en deux exercices : le premier demande de créer un formulaire avec validation en utilisant Flutter, et le second requiert de fournir le code d'une interface spécifique. Des instructions détaillées sur l'utilisation de GlobalKey et la fonction validator() sont également fournies.

Transféré par

oussamajhimi123
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
13 vues2 pages

Formulaire Flutter : Création et Validation

Le document présente un TP de développement mobile à l'École Nationale d'Ingénieurs de Gabès, dirigé par Fatma ELLOUZE. Il consiste en deux exercices : le premier demande de créer un formulaire avec validation en utilisant Flutter, et le second requiert de fournir le code d'une interface spécifique. Des instructions détaillées sur l'utilisation de GlobalKey et la fonction validator() sont également fournies.

Transféré par

oussamajhimi123
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

École Nationale d’Ingénieurs de

Gabès TP 1
AU : 2024 - 2025
Matière : Développement mobile GEA3
Enseignante : Fatma ELLOUZE

Exercice 1
1. Créer, en utilisant les widgets de Flutter, le formulaire de la Figure 1. Le clic sur le bouton
enregistrer donne une récapitulation des données saisies dans le formulaire (voir Figure 2).

Figure 1 Figure 2 Figure 3


2. Validez le formulaire en utilisant la fonction validator() du bouton Enregistrer (voir la
Figure 3).
NB. Lorsqu’un formulaire est créé, il est nécessaire de lui fournir une GlobalKey. Cette clé
identifie de manière unique le formulaire et permet d'effectuer la validation des champs du
formulaire cad s’assurer que les champs ne sont pas vides.

final _formKey = GlobalKey<FormState>();


….
Widget build(BuildContext context) {
return Form(
key: _formKey,

Fatma ELLOUZE 1/2


…..
La fonction validator() à ajouter aux widget TextFormField, DropdownButtonFormField
validator: (value) {
if (value!.isEmpty) {
return 'Veuillez entrer votre prénom';
}
return null;
},

value! : indique au compilateur que la variable value n'est pas nullable, même si son type le
permettrait.

Ajouter le test suivant avant d’appeler la deuxième page.

if (_formKey.currentState!.validate()) {…}

Exercice 2
Donner le code de l’interface suivante.

Figure 1 Figure 2

Fatma ELLOUZE 2/2

Vous aimerez peut-être aussi