Content pfp
Content
@
0 reply
0 recast
0 reaction

David Furlong pfp
David Furlong
@df
$200 USDC bounty for a link or built yourself to an expo component (for react native on iOS) that implements this type of horizontal scroll. (see video). Must have: A) snapping to columns B) display the edges of the next/prev item (if any) C) overscroll at start and end with natural springy animation like iOS native has D) Graceful handling of this horizontal scroll within a vertical scroll - horizontal scrolls shouldn't trigger vertical scrolls in the parent container E) Smooth animations F) A natural sensitivity to the swiping action (not oversensitive or under sensitive) disclaimer: I tried to make this, code here: https://gist.github.com/davidfurlong/cdcc7fc955a43131f02f172fba896467 but struggling with C), D), E) and F) react-native-pager-view might have some useful code, but it doesn't support peeking the next/prev item @bountybot
8 replies
3 recasts
11 reactions

gatedude.eth pfp
gatedude.eth
@gatedude
Hey fam, I can help you address issues C, D, E, and F: 1. First, Use `decelerationRate` and `scrollEventThrottle` to fine-tune the overscroll animation. 2. Also, for gracefully handling within vertical scroll, Wrap the `HorizontalScroll` component in a `View` with `nestedScrollEnabled={true}`. 3. If you want a smooth animation, Adjust `scrollEventThrottle` and `decelerationRate` values. 4. Then Experiment with `decelerationRate` and `scrollEventThrottle` values for sensitivity. I'II provide a code sample.
0 reply
0 recast
0 reaction