TextFormField nedir?
- Flutter kursu
- Başlangıç
- Ders 66/99
- 4 dk
TextFormField ile form girişi yapmayı öğrenirsin.
TextFormField nedir?
TextFormField, bir form içinde metin girişi için kullanılan widget'tır. Kullanıcı klavye ile yazdığında, girilen metni tutar. Genellikle bir Form widget'ının içine yerleştirilir; böylece form düzeyinde doğrulama ve toplu işlemler yapılabilir.
Form(
child: TextFormField(),
)Form widget'ı
TextFormField, Form widget'ının child hiyerarşisinde yer alır. Form, altındaki tüm alanları tek bir grup olarak ele alır ve form durumu hakkında bilgi verir. Form kullanmadan da TextFormField ekleyebilirsin, ama o zaman toplu doğrulama yapamazsın.
Uygulama Form içine TextFormField ekle
girisYapildi adında bir fonksiyon yaz; çağrılınca Giris yapildi yazdırsın. main içinde girisYapildi'yı çağır. Form içine bir TextFormField ekle.
Başlangıç kodu
import 'package:flutter/material.dart';
// girisYapildi fonksiyonu yaz: "Giris yapildi" yazdirsin
void main() {
// girisYapildi'yi cagir
runApp(const Uygulama());
}
class Uygulama extends StatelessWidget {
const Uygulama({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
// Form ve TextFormField ekle
child: SizedBox(),
),
),
);
}
}Örnek çözüm
import 'package:flutter/material.dart';
void girisYapildi() {
print('Giris yapildi');
}
void main() {
girisYapildi();
runApp(const Uygulama());
}
class Uygulama extends StatelessWidget {
const Uygulama({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: Form(
child: TextFormField(),
),
),
),
);
}
}Beklenen çıktı
Giris yapildi
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Bir formdaki TextFormField'ları topluca yönetmek için hangi widget kullanılır?
- Column
- SizedBox
- Form Doğru cevap
- ListView
Açıklama: Form widget'ı, altındaki tüm TextFormField'ları bir araya getirir ve toplu doğrulama yapmanı sağlar; ListView, Column ve SizedBox bu amaca yönelik değildir.
2 TextFormField widget'ını ekle
Form(
child: ____(),
)Form(
child: TextFormField(),
)Açıklama: Form içinde metin girişi için kullanılan widget TextFormField'dir; TextField benzer işlev görür ama Form entegrasyonu sağlamaz.
3 Form parçaları
| Kavram | Anlamı |
|---|---|
TextFormField |
Form içinde metin girişi widget'ı |
Form |
TextFormField'ları gruplar |
input |
Kullanıcının girdiği metin |
child |
Form'un alt widget'ı |