De meeste apps hebben formulieren (login, signup, gegevensinvoer) die invoerverwerking en validatie vereisen. Flutter biedt Form, TextFormField, validators en controllers om formulieren te bouwen en te valideren — essentieel voor elke app met gebruikersinvoer.
Formulier en TextFormField
final _formKey = GlobalKey<FormState>(); // a key to access the form's state
Form(
key: _formKey,
child: Column(children: [
TextFormField(
decoration: InputDecoration(labelText: 'Email'),
validator: (value) { // VALIDATION logic
if (value == null || value.isEmpty) return 'Email required';
if (!value.contains('@')) return 'Invalid email';
return null; // null = valid
},
),
ElevatedButton(
onPressed: () {
if (_formKey.currentState!.validate()) { // run all validators
// all fields valid → submit
}
},
child: Text('Submit'),
),
]),
)
