React Native: Z Seçim için indeks

Question

Z dizini ve katman sırası ile ilgili birçok gönderi yapıldı, ancak hiçbiri bir çözümün çoğuna sahip değildi. İhtiyacınız olan şeyleri katmanlamak için yeterince kolay, ancak dinamik katmana yeniden sipariş vermeniz gerekiyorsa sorun olur. Örneğin, dört adet hareketli elemanım var, biri seçildiğinde, diğerlerinin üzerine doğru hareket etmeli, ancak her biri diğerinin altında hareket edecek şekilde ayarlanmış durumdalar.

Eğer render öğesinde, aktif öğenin önden nasıl hareket edip diğer üçünün üzerine taşınabileceğinden daha katmanlanmışlarsa?

Answer 1

Bunu, bileşenlerin oluşturma sırasını değiştirerek çözebilirsiniz. Eğer bir dizi ve seçilen öğenin bir endekste işlemek isteyen bazı öğeleri var, bu yüzden bu gibi görünebilir yöntemi hale senin Diyelim:

render() { 
    const items = ....; 
    const selectedIndex = ...; 
    return (
    <View> 
     {items.filter((item, index) => index != selectedIndex)} 
     {items[selectedIndex]} 
    </View> 
); 
} 

seçtiğiniz öğeyi her zaman son vermek ve üstünde olacağını Bu şekilde Diğerlerinin