TextStyle
- Flutter kursu
- Başlangıç
- Ders 27/99
- 4 dk
TextStyle ile yazı tipi, renk ve boyutu ayarlamayı öğrenirsin.
TextStyle
TextStyle, Text widget'ının yazı tipi biçimlendirmesini kontrol eden nesnedir. fontSize yazının boyutunu, color rengini, fontWeight kalınlığını belirler. Text'in style parametresine bir TextStyle örneği verilir.
Text(
'Başlık',
style: TextStyle(
fontSize: 24,
color: Colors.blue,
fontWeight: FontWeight.bold,
),
)fontSize, color, fontWeight
fontSize piksel cinsinden yazı boyutunu belirler (varsayılan 14). color, Colors sınıfından bir renk alır (Colors.red, Colors.blue). fontWeight, FontWeight.w300 ile FontWeight.w900 arasında bir kalınlık belirler; FontWeight.bold yaygın bir seçimdir.
Text(
'Vurgulu',
style: TextStyle(
fontSize: 20,
color: Colors.red,
fontWeight: FontWeight.bold,
),
)Uygulama TextStyle bilgisini yazdır
main içinde iki satırı print ile yazdır: fontSize boyut ve color renk.
Başlangıç kodu
void main() {
// iki satır yazdır:
// fontSize boyut
// color renk
}Örnek çözüm
void main() {
print('fontSize boyut');
print('color renk');
}Beklenen çıktı
fontSize boyut color renk
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 TextStyle neyi kontrol eder?
- Metnin biçimlendirilmesini Doğru cevap
- Metnin silinmesini
- Metnin konumunu
- Metnin döndürülmesini
Açıklama: TextStyle, fontSize, color ve fontWeight ile metnin biçimlendirilmesini kontrol eder.
2 Yazı rengini ayarla
style: TextStyle(
fontSize: 18,
____: Colors.blue,
),style: TextStyle(
fontSize: 18,
color: Colors.blue,
),Açıklama: color parametresi TextStyle içinde yazının rengini belirler.
3 TextStyle kavramları
| Kavram | Anlamı |
|---|---|
TextStyle |
Yazı tipi biçimlendirme nesnesi |
fontSize |
Yazı boyutu (piksel) |
color |
Yazı rengi |
fontWeight |
Yazı kalınlığı |