Text widget'ı
- Flutter kursu
- Başlangıç
- Ders 26/99
- 4 dk
Text widget'ıyla ekrana metin yazdırmayı öğrenirsin.
Text widget'ı
Text widget'ı, ekrana metin yazdırmak için kullanılır. En basit haliyle bir String alır ve ekranda gösterir. style parametresiyle yazı tipini, textAlign ile hizalamayı ayarlayabilirsin. Text, StatelessWidget'dan türeyen değişmez bir widget'tır.
Text('Merhaba Flutter')
Text(
'Uzun bir metin',
style: TextStyle(fontSize: 16),
textAlign: TextAlign.center,
)Text parametreleri
Text widget'ının en sık kullanılan parametreleri şunlardır: data (gösterilecek metin), style (TextStyle ile biçimlendirme), textAlign (metnin yatay hizalaması), maxLines (maksimum satır sayısı) ve overflow (taşan metin için davranış). textAlign, TextAlign.left, TextAlign.center veya TextAlign.right olabilir.
Text(
'Hizalı metin',
textAlign: TextAlign.center,
maxLines: 2,
overflow: TextOverflow.ellipsis,
style: TextStyle(fontSize: 18),
)Uygulama Text bilgisini yazdır
main içinde iki satırı print ile yazdır: text metin ve style bicim.
Başlangıç kodu
void main() {
// iki satır yazdır:
// text metin
// style bicim
}Örnek çözüm
void main() {
print('text metin');
print('style bicim');
}Beklenen çıktı
text metin style bicim
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Text widget'ı ne için kullanılır?
- Resim göstermek için
- Ses çalmak için
- Buton oluşturmak için
- Ekrana metin yazdırmak için Doğru cevap
Açıklama: Text widget'ı ekrana metin yazdırmak için kullanılır; en basit haliyle bir String alır.
2 Metni hizala
Text(
'Metin',
____: TextAlign.center,
)Text(
'Metin',
textAlign: TextAlign.center,
)Açıklama: textAlign parametresi metnin yatay hizalamasını belirler.
3 Text kavramları
| Kavram | Anlamı |
|---|---|
Text |
Ekrana metin yazdıran widget |
style |
Yazı tipi biçimlendirme parametresi |
TextAlign |
Metnin yatay hizalaması |
maxLines |
Maksimum satır sayısı |