React Native Navigation Header Stillendirmeleri
React Navigation kullanırken Header stillendirmelerini yapmamıza olanak sağlayan 3 adet özellik sunuluyor.
headerStyle: Header alanını tamamen kaplayan bir stillendirme yapısı sunar. backgroundColor ve ya height gibi kapsayıcı özelliklerini burada ayarlayabilirsiniz. Kullanımı aşağıdaki gibi options properties’i içerisindedir.
Bu düzenleme sonrasında Header alanımızın görünümü bu şekilde olacaktır.
headerTintColor: Geri butonu ve başlığın rengini ayarlamak için kullanılır. Aşağıdaki tanımlama ile geri butonu ve başlık beyaz olacaktır.
Title’ımızın rengi beyaz oldu. İkinci bir sayfamız olmadığında geri butonunu göremiyoruz bu düzenleme sonrası o da beyaz rengini alacaktır.
headerTitleStyle: fontFamily, fontSize, fontWeight gibi text stilinde değişiklikler yapmamıza olanak sağlar.
fontWeight, textTransform ve fontSize gibi birden fazla text stillendirmesi yaptıktan sonra header’ım şu şekilde gözükecek.
