TextStyle

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.

Örnek çözümü göster

void main() {
  print('fontSize boyut');
  print('color renk');
}

Kendini test et

TextStyle neyi kontrol eder?
- Metnin biçimlendirilmesini
- Metnin silinmesini
- Metnin konumunu
- Metnin döndürülmesini
Cevabı göster

Metnin biçimlendirilmesini — TextStyle, fontSize, color ve fontWeight ile metnin biçimlendirilmesini kontrol eder.

Yazı rengini ayarla

style: TextStyle(
  fontSize: 18,
  ____: Colors.blue,
),

Cevabı göster

style: TextStyle(
  fontSize: 18,
  color: Colors.blue,
),

TextStyle kavramları

TextStyle

Yazı tipi biçimlendirme nesnesi
fontSize

Yazı boyutu (piksel)
color

Yazı rengi
fontWeight

Yazı kalınlığı

Sıradaki ders: Container

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler