React Native

React Native Stil ve Düzen

Flexbox, absolute positioning, duyarlı tasarım, safe area, platforma özgü stiller

18 mülakat soruları·
Junior
1

React Native'de flexDirection'ın varsayılan yönü nedir?

Cevap

React Native'de flexDirection, web'de 'row' olmasının aksine varsayılan olarak 'column' değerini alır. Bu, alt öğelerin varsayılan olarak yukarıdan aşağıya dikey olarak düzenlendiği anlamına gelir. Bu fark, dikey düzenlerin daha yaygın olduğu tipik mobil arayüz geleneklerini yansıtır.

2

React Native'de yeniden kullanılabilir bir stil nasıl oluşturulur?

Cevap

StyleSheet.create(), React Native'de stil oluşturmak için önerilen yöntemdir. Birden çok bileşende yeniden kullanılabilen bir stil nesnesi tanımlamaya olanak tanır. Bu yaklaşım, stilleri başlangıçta yalnızca bir kez doğrulayıp her render'da nesneleri yeniden oluşturmak yerine ID ile referans göstererek performansı optimize eder.

3

Bir öğeyi kapsayıcısı içinde hem yatay HEM de dikey olarak ortalamak için hangi özellik kullanılır?

Cevap

Bir öğeyi her iki eksende ortalamak için justifyContent: 'center' (ana eksen) ve alignItems: 'center' (çapraz eksen) birleştirilmelidir. Varsayılan flexDirection ('column') ile justifyContent dikey, alignItems yatay olarak ortalar. Bu iki özellik mükemmel bir ortalama elde etmek için birlikte çalışır.

4

React Native'de boyutlar için varsayılan olarak kullanılan ölçü birimi nedir?

5

Bir öğeyi üst öğesine göre mutlak olarak konumlandırmaya hangi özellik olanak tanır?

+15 mülakat soruları

Bir sonraki mülakatın için React Native'de uzmanlaş

Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.

Ücretsiz başla