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
Would it be possible to expose an onScroll prop that behaves more-or-less like FlatList?
It could be a value from Animated or Reanimated, don't think it matters to me, just something to base other animations on.
Reason for asking:
Got a screen with a header and multiple tabs at the top, and a paginated horizontal ScrollView underneath.
Each tab corresponds to a "page" in the horizontal ScrollView, and has a FlatList in it.
The header hides when scrolling down, while the tabs never scroll away — requires some trickery with absolute positioning of the header + tabs in the root view, and having spacer components in the FlatLists.
Feels like a somewhat common pattern — header and tabs needs to be managed outside the FlatList to enable swiping sideways, and enable hiding the top part of the header.
The setup solves the issues of scrolling down in one tab, and then swiping sideways to the second tab. This causes the second tabs FlatList to be shown — after which the header is animated down into view again, pushing the tabs down.
The text was updated successfully, but these errors were encountered:
Hey,
Would it be possible to expose an
onScroll
prop that behaves more-or-less like FlatList?It could be a value from Animated or Reanimated, don't think it matters to me, just something to base other animations on.
Reason for asking:
Got a screen with a header and multiple tabs at the top, and a paginated horizontal ScrollView underneath.
Each tab corresponds to a "page" in the horizontal ScrollView, and has a FlatList in it.
The header hides when scrolling down, while the tabs never scroll away — requires some trickery with absolute positioning of the header + tabs in the root view, and having spacer components in the FlatLists.
Feels like a somewhat common pattern — header and tabs needs to be managed outside the FlatList to enable swiping sideways, and enable hiding the top part of the header.
The setup solves the issues of scrolling down in one tab, and then swiping sideways to the second tab. This causes the second tabs FlatList to be shown — after which the header is animated down into view again, pushing the tabs down.
The text was updated successfully, but these errors were encountered: