You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Let's say I have a horizontal Flatlist of data I want to render in the header, below this I have N tabs of vertical flatlist data. Diving into the library it looks like the header is absolutely positioned on top of the pager view which is why the pointer events are important to handle. Therefor if you have a swipable item in the header it will take the touch events. I was thinking of forking and implementing react native gesture handler to be able to have more granular control of touch events which would allow for more complex gestures in the header. Does anyone know if there is a way to have horizontal flatlist in the header? Love the library help appreciated!
It's possible using pointerEvents='box-none'on the Header component, and pointerEvents=auto on the horizontal FlatList. The problem is that you will not be able to scroll the vertical FlatList touching the horizontal FlatList (which makes sense, imho). Take a look at the Scroll On Header section in the readme.
Let's say I have a horizontal Flatlist of data I want to render in the header, below this I have N tabs of vertical flatlist data. Diving into the library it looks like the header is absolutely positioned on top of the pager view which is why the pointer events are important to handle. Therefor if you have a swipable item in the header it will take the touch events. I was thinking of forking and implementing react native gesture handler to be able to have more granular control of touch events which would allow for more complex gestures in the header. Does anyone know if there is a way to have horizontal flatlist in the header? Love the library help appreciated!
The text was updated successfully, but these errors were encountered: