آپ Flutter میں فارمز اور input validation کو کیسے handle کرتے ہیں؟

Question

Accepted Answer

زیادہ تر apps میں **فارمز** (login، signup، data entry) ہوتے ہیں جن میں user input handling اور **validation** کی ضرورت ہوتی ہے۔ Flutter `Form`، `TextFormField`، validators، اور controllers فراہم کرتا ہے فارمز بنانے اور validate کرنے کے لیے — یہ کسی بھی app میں user input کے ساتھ ضروری ہے۔

## Form اور TextFormField

```dart
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'),
    ),
  ]),
)
```

ایک `Form` fields کو group کرتا ہے (ایک `GlobalKey` کے ذریعے)؛ ہر `TextFormField` کے پاس ایک **validator** ہوتا ہے (اگر غلط ہو تو error string return کرتے ہوئے، یا اگر valid ہو تو null)؛ `validate()` call کرنے سے تمام validators چلتے ہیں۔

## Input پڑھنا: controllers

```dart
final _controller = TextEditingController();   // read/control a field's text
// _controller.text → the current value
// remember to _controller.dispose() in dispose()!  (prevent leaks)
```

## بہترین طریقے

```text
✓ VALIDATE input (required, format, length) — show clear error messages
✓ Validate on submit and/or as the user types (autovalidateMode)
✓ Use controllers to read values; DISPOSE them (lifecycle — avoid leaks)
✓ Handle keyboard types (email/number), focus, and submission flow
✓ Provide good UX: clear errors, loading on submit, disable while submitting
```

## یہ کیوں اہم ہے

فارمز اور input validation کو handle کرنا سمجھنا ضروری ہے کیونکہ **زیادہ تر apps میں فارمز ہوتے ہیں** (login، signup، data entry، search) جن میں user input handling اور validation کی ضرورت ہوتی ہے، تو یہ لازمی عملی علم ہے۔

فارمز تقریباً ہر app کا لازمی حصہ ہیں، اور Flutter انہیں اچھی طرح بنانے کے لیے ٹولز فراہم کرتا ہے۔

**Form اور TextFormField** pattern کو سمجھنا — fields کو ایک `Form` میں group کرنا (ایک `GlobalKey` کے ذریعے access کیا جاتا ہے)، ہر `TextFormField` کو ایک **validator** دینا (اگر غلط ہو تو error message return کرتے ہوئے یا اگر valid ہو تو null)، اور `validate()` call کرنا تمام validators چلانے کے لیے — یہ validated فارمز بنانے کا بنیادی طریقہ ہے۔

**Validation** کو سمجھنا خاص طور پر اہم ہے کیونکہ user input کو validate کرنا (required fields، formats جیسے email، lengths کو check کرنا، اور واضح error messages دکھانا) data کی معیار اور اچھی UX کے لیے ضروری ہے — غیر validated input برے data اور خراب experiences کی طرف لے جاتا ہے۔

**Controllers** کو سمجھنا (`TextEditingController` field کی values کو پڑھنے اور کنٹرول کرنے کے لیے، **انہیں dispose کرنا یاد رکھنا** leaks سے بچنے کے لیے — lifecycle knowledge سے connect کرنا) input کے ساتھ کام کرنے کے لیے ضروری ہے۔

**بہترین طریقوں** کو سمجھنا (مناسب طریقے سے validate کرنا، واضح errors دکھانا، keyboard types اور focus کو handle کرنا، اور اچھی submission UX فراہم کرنا جیسے loading states اور submission کے دوران disable کرنا) polished، مضبوط فارمز بنانے کی عکاسی کرتا ہے۔

چونکہ زیادہ تر apps میں input handling اور validation کی ضرورت والے فارمز ہوتے ہیں (ایک لگ بھگ عام ضرورت)، اور چونکہ Flutter کا Form/TextFormField/validator pattern controllers کے ساتھ یہی ہے جو آپ فارمز بناتے اور validate کرتے ہوئے استعمال کرتے ہیں، فارمز اور input validation کو سمجھنا ضروری، بار بار استعمال ہونے والا Flutter علم ہے — ایک بنیادی مہارت جو تقریباً ہر real app میں جو user input جمع کرتی ہے ضروری ہے، data کی درستگی (validation) اور user experience دونوں کے لیے اہم ہے، اور functional، مضبوط Flutter applications بنانے کے لیے بنیادی ہے۔