about summary refs log tree commit diff
path: root/src/view/com/pager/DraggableScrollView.tsx
diff options
context:
space:
mode:
authorPaul Frazee <pfrazee@gmail.com>2023-05-24 18:46:55 -0500
committerPaul Frazee <pfrazee@gmail.com>2023-05-24 18:46:55 -0500
commit0a18229784ea6c67e5ac17e4bae1a79a24f80d7f (patch)
treeaf829bdacd5489e9e012b74a3778752ed3efbce0 /src/view/com/pager/DraggableScrollView.tsx
parent4e1876fe85ab3a70eba50466a62bff8a9d01c16c (diff)
parent32c9dabb7467149baf39d8f5c2eb3d0b81236d92 (diff)
downloadvoidsky-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.tsx15
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} />
+})