validator

validator callback ile alan doğrulaması yapmayı öğrenirsin.

validator nedir?

validator, bir TextFormField'a verilen callback'dir. Kullanıcı alanı doldurduğunda çağrılır ve bir hata mesajı (String) ya da null döndürür. null geçerli anlamına gelir.

TextFormField(
  validator: (deger) {
    if (deger!.isEmpty) return 'Boş bırakılamaz';
    return null;
  },
)

Hata mesajı alanın altında görünür.

errorText gösterimi

validator tarafından döndürülen String, TextFormField'ın decoration'ı altında errorText olarak gösterilir. Kullanıcı her yazdığında validator yeniden çalışır ve hata mesajı güncellenir.

validator: (deger) {
  if (deger!.length < 3) {
    return 'En az 3 karakter';
  }
  return null;
}

Hata mesajı otomatik olarak kırmızı renkte görünür.

Uygulama validator ile boş alan kontrolü

Ekrani stateful widget'ında _formKey tanımla. Bir Form içine TextFormField koy; validator boş değer için 'Boş bırakılamaz' döndürsün. Butona basıldığında _formKey.currentState!.validate() çağrılsın ve sonuç true ise print('geçerli') yazsın. main'de print('form hazır') çağır.

Örnek çözümü göster

import 'package:flutter/material.dart';

void main() {
  print('form hazır');
  runApp(MaterialApp(home: Ekrani()));
}

class Ekrani extends StatefulWidget {
  @override
  _EkraniState createState() => _EkraniState();
}

class _EkraniState extends State<Ekrani> {
  final _formKey = GlobalKey<FormState>();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Padding(
        padding: EdgeInsets.all(16),
        child: Form(
          key: _formKey,
          child: Column(
            children: [
              TextFormField(
                validator: (deger) {
                  if (deger!.isEmpty) {
                    return 'Boş bırakılamaz';
                  }
                  return null;
                },
              ),
              ElevatedButton(
                onPressed: () {
                  if (_formKey.currentState!.validate()) {
                    print('geçerli');
                  }
                },
                child: Text('Kontrol et'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Kendini test et

validator callback geçerli bir değer için ne döndürmelidir?
- null
- Bir hata mesajı String'i
- true
- false
Cevabı göster

null — validator, değer geçerliyse null döndürür; hatalıysa bir hata mesajı String döndürür.

validator'da hata mesajı döndür

validator: (deger) {
  if (deger!.isEmpty) {
    ____ 'Boş bırakılamaz';
  }
  return null;
}

Cevabı göster

validator: (deger) {
  if (deger!.isEmpty) {
    return 'Boş bırakılamaz';
  }
  return null;
}

validator parçaları

validator

Alanı denetleyen callback
null dönüşü

Değerin geçerli olduğu anlamı
String dönüşü

Hata mesajı anlamı
errorText

Hatanın gösterildiği yer

Sıradaki ders: onSaved

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler