Ticker

6/recent/ticker-posts

Urutan Komponen di React Native mempengaruhi posisi ("urutan layer") nya pada saat rendering

Hal ini sangat simple sebenarnya. 

Saat mengerjakan project latihan untuk kelas project React Native Indonesia Mengoding Intensive online coding Bootcamp yang diadakan Sanbercode, saya menemui kendala yaitu overlay tab tertutup oleh Flatlist/Carousel meskipun sudah diset elevationnya.

 

 

Usut punya usut, ternyata masalahnya sepele.

Setelah membaca artikel ini, ternyata jika kita membuat part dari komponen itu diposisikan secara absolute, maka meskipun elevation dan zIndex kita setting di dalam stylenya, tetap yang akan mempengaruhi posisi komponen pada layer adalah urutan kita meletakkan kodenya.

Jika kode ditulis lebih dahulu, maka di dalam layer dia akan dianggap behind/dibawah komponen lain yang dituliskan setelahnya.

Ok.. semoga bermanfaat!



Post a Comment

0 Comments