Flutter'da formlar ve giriş doğrulaması nasıl işlenir?

Question

Accepted Answer

Çoğu uygulamanın **formları** (login, signup, veri girişi) vardır ve bunlar kullanıcı girdisi işleme ve **doğrulama** gerektirir. Flutter, formlar oluşturmak ve doğrulamak için `Form`, `TextFormField`, validators ve controllers sağlar — kullanıcı girdisi olan herhangi bir uygulama için gereklidir.

## Form ve 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'),
    ),
  ]),
)
```

Bir `Form` alanları gruplandırır (`GlobalKey` aracılığıyla); her `TextFormField` bir **validator** içerir (geçersizse bir hata dizesi döndürür, geçerliyse null); `validate()` çağrısı tüm validatorları çalıştırır.

## Girdiyi okuma: controllers

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

## En iyi uygulamalar

```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
```

## Neden önemli

Form ve giriş doğrulamasının nasıl işleneceğini anlamak gereklidir çünkü **çoğu uygulamanın formları vardır** (login, signup, veri girişi, arama) ve bunlar kullanıcı girdisi işleme ve doğrulama gerektirir, bu nedenle bu bilmek gereken pratik bir bilgidir.

Formlar neredeyse tüm uygulamaların evrensel bir parçasıdır ve Flutter onları iyi şekilde oluşturmak için araçlar sağlar.

**Form ve TextFormField** modelini anlamak — alanları bir `Form` içinde gruplandırmak (`GlobalKey` aracılığıyla erişilir), her `TextFormField`'e bir **validator** vermek (geçersizse hata mesajı döndürür veya geçerliyse null), ve tüm validatorları çalıştırmak için `validate()` çağrısını yapmak — doğrulanmış formlar oluşturmanın temel mekanizmidir.

**Doğrulamayı** anlamak özellikle önemlidir çünkü kullanıcı girdisini doğrulamak (gerekli alanları kontrol etmek, email gibi formatları, uzunlukları ve net hata mesajlarını göstermek) veri kalitesi ve iyi kullanıcı deneyimi için gereklidir — doğrulanmamış girdi kötü veriye ve zayıf deneyimlere yol açar.

**Controllers** (`TextEditingController` ile alan değerlerini okumak ve kontrol etmek, **onları dispose etmeyi unutmamak** sızıntıyı önlemek için — yaşam döngüsü bilgisine bağlantı) giriş ile çalışmak için gereklidir.

**En iyi uygulamaları** anlamak (uygun şekilde doğrulamak, net hatalar göstermek, klavye türleri ve odakla başa çıkmak, ve gönderim UX'ini iyileştirmek gibi yükleme durumları ve gönderim sırasında devre dışı bırakmak) cilalı, güçlü formlar oluşturmayı yansıtır.

Çoğu uygulama giriş işleme ve doğrulama gerektiren formlara sahip olduğundan (neredeyse evrensel bir ihtiyaç) ve Flutter'ın Form/TextFormField/validator deseni controllerler ile formlar oluşturmak ve doğrulamak için kullanılan yol olduğundan, formlar ve giriş doğrulamasını anlamak gereklidir, sıkça uygulanan Flutter bilgisidir — neredeyse her kullanıcı girdisi toplayan gerçek uygulamada gerekli olan temel bir beceridir, veri doğruluğu (doğrulama) ve kullanıcı deneyimi açısından önemlidir ve işlevsel, güçlü Flutter uygulamaları oluşturmanın temeli.