react-native-collapsible-tab-view icon indicating copy to clipboard operation
react-native-collapsible-tab-view copied to clipboard

Swipable content in header

Open CharlieMaslechko opened this issue 1 year ago • 3 comments

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!

+-------------------------------+
|          iPhone Screen        |
+-------------------------------+
|            Header             |   <-- Header Component
|-------------------------------|
|<-- Horizontal Scrollable -->  |   <-- Horizontal FlatList
|  [ Image ]  [ Image ]  [ ... ]| 
|-------------------------------|
| [Tab 1]      |     Tab 2      |   <-- Tabs (Tab 1 is focused)
|---------------|----------------|
|  Item 1       |  Item 1        |   <-- Vertical FlatLists (Tab 1 content is shown)
|  Item 2       |  Item 2        |
|  Item 3       |  Item 3        |
|  ...          |  ...           |
+-------------------------------+

CharlieMaslechko avatar Jun 23 '24 14:06 CharlieMaslechko