obscureText
- Flutter kursu
- Başlangıç
- Ders 69/99
- 4 dk
obscureText ile şifre alanlarını maskelemeyi öğrenirsin.
obscureText
obscureText parametresi true yapıldığında, TextFormField'a girilen karakterler nokta gibi sembollerle gizlenir. Bu, şifre gibi hassas bilgilerin girilmesi için kullanılır. Controller, gizleme açık olsa bile metni düz olarak tutar.
TextFormField(
obscureText: true,
)Controller düz metni tutar
obscureText: true iken girilen her karakter ekranda bir nokta olarak görünür. Ancak controller, gerçekte girilen metni düz olarak saklar; yani controller.text yine kullanıcı tarafından yazılan metni verir. Gizleme yalnızca görseldir.
Uygulama Şifre alanı yap
giris adında bir fonksiyon yaz; çağrılınca Giris yazdırsın. main içinde giris'i çağır. Bir TextFormField ekle ve obscureText'i true yap.
Başlangıç kodu
import 'package:flutter/material.dart';
// giris fonksiyonu yaz: "Giris" yazdirsin
// TextFormField'a obscureText ekle
void main() {
// giris'i cagir
runApp(const Uygulama());
}
class Uygulama extends StatelessWidget {
const Uygulama({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
// TextFormField ekle
child: SizedBox(),
),
),
);
}
}Örnek çözüm
import 'package:flutter/material.dart';
void giris() {
print('Giris');
}
void main() {
giris();
runApp(const Uygulama());
}
class Uygulama extends StatelessWidget {
const Uygulama({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: TextFormField(
obscureText: true,
),
),
),
);
}
}Beklenen çıktı
Giris
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 obscureText: true ne yapar?
- Alanı devre dışı bırakır
- Yazı tipini değiştirir
- Girilen karakterleri nokta ile gizler Doğru cevap
- Metni kalın yapar
Açıklama: obscureText: true iken girilen karakterler nokta olarak gösterilir; metin kalınlaşmaz, alan devre dışı kalmaz ve yazı tipi değişmez.
2 obscureText parametresini ekle
TextFormField(
____: true,
)TextFormField(
obscureText: true,
)Açıklama: Karakterleri gizlemek için obscureText parametresi true yapılır; hidden, masked veya password diye parametre yoktur.
3 obscureText parçaları
| Kavram | Anlamı |
|---|---|
obscureText |
Karakterleri gizleyen parametre |
true |
obscureText'in aktif değeri |
password |
obscureText için tipik kullanım |
nokta |
obscureText iken görünen sembol |