แอปส่วนใหญ่มี forms (login, signup, การกรอกข้อมูล) ที่ต้องการการจัดการ input จากผู้ใช้และ การตรวจสอบ (validation) Flutter มี Form, TextFormField, validators และ controllers สำหรับสร้างและตรวจสอบ forms — จำเป็นสำหรับทุกแอปที่มี input จากผู้ใช้
Form และ 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'),
),
]),
)
