LuisPinto LuisPinto - 1 year ago 113
React JSX Question

ListView is crushing Tabs

I have a Tab view and I have added a new ListView component on my project. The problem is that I have that ListView configure with flexbox and when I scroll down that ListView is over my Tabs and I can't click on them
enter image description here

What I want to do is that ListView be under the Tab Section and be able to scroll it.

Any tip about how to do this?

Kuf Kuf
Answer Source

React native dose not have a z-index equivalent. Instead - the order of the components determines the order in which they will be displayed.

If you want the TabBar to be on top simply move the component to the end of the file.

You can check it online here, simple change the order of the View and see how the order change accordingly.

EDIT: From version 0.30 z-index is supported by React Native as zIndex styles. Take a look on the release notes.