Özet - Form doğrulama

Form, validator ve onSaved'ı birleştirerek giriş formu yaparsın.

Özet - Form doğrulama

Bu bölümde üç şey öğrendin: Form ile alanları gruplayıp GlobalKey<FormState> ile state'e erişirsin; validator ile alan geçerliliğini denetler ve hata mesajı gösterirsin; onSaved ile kaydetme sırasında alan değerlerini toplarsın.

if (_formKey.currentState!.validate()) {
  _formKey.currentState!.save();
  print('isim: $_isim');
}

Bunları birleştirerek giriş formu yaparsın.

Uygulama Giriş formu yap

Ekrani stateful widget'ında _formKey ve _eposta tanımla. Form içine bir TextFormField koy; validator boş değer için 'E-posta gerekli' döndürsün, onSaved ile _eposta'ya değeri atasın. Butona basıldığında validate başarılıysa save çağır ve print('eposta: $_eposta') yaz. main'de print('giriş formu') çağır.

Örnek çözümü göster

import 'package:flutter/material.dart';

void main() {
  print('giriş formu');
  runApp(MaterialApp(home: Ekrani()));
}

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

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

  @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 'E-posta gerekli';
                  }
                  return null;
                },
                onSaved: (deger) {
                  _eposta = deger;
                },
              ),
              ElevatedButton(
                onPressed: () {
                  if (_formKey.currentState!.validate()) {
                    _formKey.currentState!.save();
                    print('eposta: $_eposta');
                  }
                },
                child: Text('Giriş'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

Kendini test et

Giriş formunda kullanıcı 'Giriş' butonuna bastığında ilk olarak ne yapılmalıdır?
- Uygulamayı kapat
- Form alanını temizle
- Hemen sayfa geçişi yap
- _formKey.currentState!.validate() ile formu doğrula
Cevabı göster

_formKey.currentState!.validate() ile formu doğrula — Giriş butonuna basıldığında önce _formKey.currentState!.validate() ile form doğrulanır; başarılıysa save çağrılıp değerler toplanır.

Form key tipini tamamla

final _formKey = GlobalKey<____>();

Cevabı göster

final _formKey = GlobalKey<FormState>();

Form doğrulama parçaları

Form

Form alanlarını gruplayan widget
validator

Alan geçerliliğini denetleyen callback
onSaved

Kaydetme sırasında değer toplar
validate

FormState üzerinde çağrılan doğrulama metodu

Sıradaki ders: shared_preferences nedir?

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler