diff options
author | Paul Frazee <pfrazee@gmail.com> | 2023-05-24 18:46:55 -0500 |
---|---|---|
committer | Paul Frazee <pfrazee@gmail.com> | 2023-05-24 18:46:55 -0500 |
commit | 0a18229784ea6c67e5ac17e4bae1a79a24f80d7f (patch) | |
tree | af829bdacd5489e9e012b74a3778752ed3efbce0 /src/view/com/pager/DraggableScrollView.tsx | |
parent | 4e1876fe85ab3a70eba50466a62bff8a9d01c16c (diff) | |
parent | 32c9dabb7467149baf39d8f5c2eb3d0b81236d92 (diff) | |
download | voidsky-0a18229784ea6c67e5ac17e4bae1a79a24f80d7f.tar.zst |
Merge branch 'custom-algos' of github.com:bluesky-social/social-app into custom-algos
Diffstat (limited to 'src/view/com/pager/DraggableScrollView.tsx')
-rw-r--r-- | src/view/com/pager/DraggableScrollView.tsx | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/view/com/pager/DraggableScrollView.tsx b/src/view/com/pager/DraggableScrollView.tsx new file mode 100644 index 000000000..4b7396eaa --- /dev/null +++ b/src/view/com/pager/DraggableScrollView.tsx @@ -0,0 +1,15 @@ +import {useDraggableScroll} from 'lib/hooks/useDraggableScrollView' +import React, {ComponentProps} from 'react' +import {ScrollView} from 'react-native' + +export const DraggableScrollView = React.forwardRef< + ScrollView, + ComponentProps<typeof ScrollView> +>(function DraggableScrollView(props, ref) { + const {refs} = useDraggableScroll<ScrollView>({ + outerRef: ref, + cursor: 'grab', // optional, default + }) + + return <ScrollView ref={refs} horizontal {...props} /> +}) |