Flutter TextStyle Kullanımı

Kategori Featured, Flutter
21.03.2023
85 Okunma

TextStyle, Flutter’da metin öğelerine stil uygulamanın temel yoludur. Metin stilleri, örneğin font boyutu, renk, vurgulama ve ayrıştırma ayarları gibi metin öğelerindeki çeşitli özellikleri belirleyen bir nesnedir.

Öncelikle, bir TextStyle nesnesi oluşturmak için TextStyle sınıfını kullanarak başlayabiliriz. Aşağıdaki örnek gibi bir TextStyle nesnesi oluşturalım:

Bu kod bloğu, 20 piksel boyutunda kalın siyah bir metin stilini tanımlar. fontWeight özelliği, metnin kalınlığını belirler. Burada, FontWeight.bold ile metnin kalınlığı en yüksek ayara getirilmiştir. Ayrıca, metin rengi de belirtilmiştir.

Şimdi bu metin stilini kullanarak bir metin öğesi oluşturalım:

Bu kod bloğu, “Flutter yazılımı harikadır!” ifadesini myTextStyle nesnesiyle stilize eder. TextStyle nesnesi, metnin stil özelliklerini belirttiğimiz yerdir.

Biraz daha karmaşık bir örnek yapalım ve metin stilini daha ayrıntılı hale getirelim. Aşağıdaki kod bloğu, farklı renklerdeki ve boyutlardaki metinleri içeren bir sütun oluşturur:

Bu kod bloğu, üç farklı metin öğesi oluşturur, her biri farklı bir stil özelliğiyle donatılmıştır. İlk metin normal kalınlıkta ve mavi renklidir, ikinci metin kalın ve kırmızı renklidir, üçüncü metin ise eğik yazı stili ve yeşil renkli olarak belirlenmiştir.

Sonuç olarak, TextStyle, Flutter’da metin stillerinin uygulanması için çok kullanışlı bir araçtır. Bu örneklerin yardımıyla, farklı metin stillerini uygulama konusunda daha fazla fikir edinmiş olabilirsin.

Aşağıdaki örnek, kullanıcı tarafından belirtilen parametrelere göre farklı metin stilleri oluşturur:

Bu kod bloğu, CustomText adlı bir özel widget sınıfı oluşturur. Bu widget, text, fontSize, color, fontWeight ve fontStyle gibi parametreler alır. Bu parametreler, metin stilinin farklı özelliklerinin belirlenmesini sağlar.

Bu özel widget’ı kullanarak farklı metin stilleri oluşturabiliriz:

Bu kod bloğu, CustomText sınıfını kullanarak üç farklı metin öğesi oluşturur. Her biri, farklı bir parametre değeri ile farklı bir metin stilinde gösterilir. Bu, kullanıcıların metin stillerini kolayca özelleştirebileceği ve uygulamamızdaki metinlerin daha çeşitli ve özelleştirilmiş görünmesini sağlar.

Sonuç olarak, TextStyle, Flutter’da metin stilleri oluşturmak için kullanışlı bir araçtır. Parametreler eklemek, metin stillerinin özelleştirilmesini ve uygulamalarda daha çeşitli metin stillerinin kullanılmasını sağlar.

Flutter’da TextStyle kullanarak oluşturabileceğimiz 10 farklı örnek şunlar olabilir:

Başlık metni stilini oluşturma:

Alt başlık metni stilini oluşturma:

Normal metin stilini oluşturma:

İtalik yazı stili oluşturma:

Metin gölgesi ekleyerek yazıyı vurgulama:

Altı çizgili metin stilini oluşturma:

Üstü çizgili metin stilini oluşturma:

Gölgeli metin stilini oluşturma:

Harf büyüklüğünü küçültme:

Çok satırlı metinler için satır yüksekliğini ayarlama:

 

Comments of this post

Henüz yorum bulunmuyor!