Flutter’da Text Widget Kullanımı

Flutter’da Text widget oldukça yaygın bir şekilde kullanılan widget’lardan biridir ve bu yazıda da sahip olduğu özellikler genel hatlarıyla derlenmiştir.

Flutter’da Text Widget

İlgili metin ifadesi, metnin uzunluğu ve mevcut yerleşim kısıtlamalarına bağlı olarak tek bir satırda görünebildiği gibi birden çok satıra da bölünebilir.

Text widget aşağıdaki gibi şekillendirilebilen bir metin dizesi oluşturur:

Yukarıdaki koda dikkatlice bakıldığında ilk parametre, yani yazdığımız metin, positional parameter (konumsal parametre) şeklinde kullanılmıştır. Sonrasında ise bu metin ifadesini style, textAlign, maxLines vb. şeklinde istersek kullanabileceğimiz bir dizi named parameter (adlandırılmış parametre) takip etmektedir.

Flutter, widget ağaçlarının okunabilirliğini sağlamak adına named parameter’ler kullanır. Ancak Text widget’ında da olduğu gibi eğer bir parametre o widget’ın temel bileşeni ise ilk sırada olması gereken bir positional parameter şeklinde kullanılır.

Text widget’ında kullanılan en yaygın parametreler aşağıda listelenmiştir:

• style:

Style parametresi, metnin nasıl stillendirileceğini kontrol eden bir TextStyle widget’ını içerir. TextStyle widget’ı ile metin rengini, arka planı, yazı tipi ailesini, satır yüksekliğini, yazı tipi boyutunu vb. özellikleri ayarlamayı sağlar.

• textAlign:

textAlign parametresi metnin nasıl hizalanması gerektiğini belirler.

• maxLines:

maxLines: parametresi, metnin kesilmeden önce kaydırılabileceği maksimum satır sayısını belirten bir tamsayı değeri içerir.

Genel hatlarıyla Text widget’ının sahip olduğu parametreleri ve bu parametrelerin aldığı widget’ları özetlemek gerekirse:

• Text
  • style:
    • TextStyle
  • textAlign:
    • TextAlign
  • maxLines:
    • int
  • overflow:
    • TextOverflow
  • textWidthBasis:
    • TextWidthBasis
  • textSpan:
    • InlineSpan
  • textScaleFactor:
    • double
  • textHeightBehavior:
    • TextHeightBehavior
  • textDirection:
    • TextDirection
  • strutStyle:
    • StrutStyle
  • softWrap:
    • bool
  • semanticsLabel:
    • String
  • locale:
    • Locale

Mevcut Text widget’ına ait tüm özellikleri resmi siteden öğrenebilirsiniz: Text class