Dikey hizalama merkezinin doğal görünüme tepki vermesiyle ilgili temel sorun, kaydırma sorunlarına neden olabilmesidir. Bir kullanıcı bir sayfayı aşağı kaydırdığında, ekranın ortasındaki içerik kullanıcıyla birlikte aşağı doğru hareket edecek, ancak ekranın kenarlarındaki içerik sabit kalacaktır. Kullanıcıların tüm içeriğinizi aynı anda görmesini istiyorsanız bu bir sorun olabilir.
There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.
React Native'de bir görünümü dikey olarak hizalamanın yerleşik bir yolu yoktur. Ancak, bir görünümü dikey olarak ortalamak için "translateY(50%)" değeriyle "transform" stil özelliğini kullanabilirsiniz.
Yerel tepkide metin dikey hizalama (yerel taban kullanılarak)
Metindeki dikey hizalama, TextAlign özelliği tarafından kontrol edilir. Üç olası değer vardır:
sol
merkez
krallar gibi yaşamaya
İç İçe Metin
React Native'de iç içe metin, diğer metin alanlarını içerebilen bir metin alanı oluşturmanıza olanak sağlayan bir özelliktir. Birden çok alanı olan bir form oluşturmak ve alanları düzenli tutmak istiyorsanız bu kullanışlıdır.
React Native uygulamanızda iç içe metin kullanmak için önce yeni bir TextField bileşeni oluşturun. Ardından, yapıcıya aşağıdaki kodu ekleyin:
this.durum = {};
Bu, metin alanının durumunu boş bir dize içerecek şekilde başlatır. Ardından, onChange işleyicisine aşağıdaki kodu ekleyin:
this.setState({metin: this.state.text});
Bu, metin alanının durumunu, o anda içinde bulunan değerle güncelleyecektir. Son olarak, orijinalinizin altına yeni bir TextField bileşeni ekleyin ve alt alan olarak kullanılması gerektiğini belirtin:
