zio/bsky-app
2
0
Fork 0
Code Pull requests Releases Packages Activity

Disable swipe gestures in view selector for now

Browse source
This commit is contained in:
Paul Frazee 2022-09-09 12:10:18 -05:00
parent acaa8c5c11
commit 639c25821e
1 changed files with 59 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

21
src/view/com/util/ViewSelector.tsx
View file

@ -15,6 +15,7 @@ export function ViewSelector({
sections, sections,
items, items,
refreshing, refreshing,
swipeEnabled,
renderHeader, renderHeader,
renderItem, renderItem,
onSelectView, onSelectView,
@ -24,6 +25,7 @@ export function ViewSelector({
sections: string[] sections: string[]
items: any[] items: any[]
refreshing?: boolean refreshing?: boolean
swipeEnabled?: boolean
renderHeader?: () => JSX.Element renderHeader?: () => JSX.Element
renderItem: (item: any) => JSX.Element renderItem: (item: any) => JSX.Element
onSelectView?: (viewIndex: number) => void onSelectView?: (viewIndex: number) => void
@ -44,9 +46,9 @@ export function ViewSelector({
// gestures // gestures
// = // =
const swipeGesture = useMemo( const swipeGesture = useMemo(() => {
() => if (!swipeEnabled) return undefined
Gesture.Pan() return Gesture.Pan()
.hitSlop(SWIPE_GESTURE_HIT_SLOP) .hitSlop(SWIPE_GESTURE_HIT_SLOP)
.onUpdate(e => { .onUpdate(e => {
// calculate [-1, 1] range for the gesture // calculate [-1, 1] range for the gesture
@ -88,9 +90,8 @@ export function ViewSelector({
} else { } else {
swipeGestureInterp.value = withTiming(0, {duration: 100}) swipeGestureInterp.value = withTiming(0, {duration: 100})
} }
}), })
[swipeGestureInterp, selectedIndex, sections.length], }, [swipeEnabled, swipeGestureInterp, selectedIndex, sections.length])
)
useEffect(() => { useEffect(() => {
// [1] completes the swipe gesture animation by resetting the interp value // [1] completes the swipe gesture animation by resetting the interp value
// this has to be done as an effect so that it occurs *after* the selectedIndex has been updated // this has to be done as an effect so that it occurs *after* the selectedIndex has been updated
@ -121,8 +122,7 @@ export function ViewSelector({
} }
const data = [HEADER_ITEM, SELECTOR_ITEM, ...items] const data = [HEADER_ITEM, SELECTOR_ITEM, ...items]
return ( const listEl = (
<GestureDetector gesture={swipeGesture}>
<FlatList <FlatList
data={data} data={data}
keyExtractor={item => item._reactKey} keyExtractor={item => item._reactKey}
@ -132,8 +132,11 @@ export function ViewSelector({
onRefresh={onRefresh} onRefresh={onRefresh}
onEndReached={onEndReached} onEndReached={onEndReached}
/> />
</GestureDetector>
) )
if (swipeEnabled) {
return <GestureDetector gesture={swipeGesture}>{listEl}</GestureDetector>
}
return listEl
} }
const styles = StyleSheet.create({}) const styles = StyleSheet.create({})