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

Make nav swipes easier to trigger

zio/stable
Paul Frazee 2022-09-09 11:55:53 -05:00
parent 46d20cdde8
commit e6ebb213cc
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/view/shell/mobile/index.tsx
View File

@ -34,8 +34,8 @@ import {s, colors} from '../../lib/styles'
import {AVIS} from '../../lib/assets' import {AVIS} from '../../lib/assets'
const locationIconNeedsNudgeUp = (icon: IconProp) => icon === 'house' const locationIconNeedsNudgeUp = (icon: IconProp) => icon === 'house'
const SWIPE_GESTURE_HIT_SLOP = {left: 0, top: 0, width: 20, bottom: 0} const SWIPE_GESTURE_DIST_TRIGGER = 0.5
const SWIPE_GESTURE_TRIGGER = 0.5 const SWIPE_GESTURE_VEL_TRIGGER = 2500
const Location = ({ const Location = ({
icon, icon,
@ -154,8 +154,11 @@ export const MobileShell: React.FC = observer(() => {
) )
} }
}) })
.onEnd(_e => { .onEnd(e => {
if (swipeGestureInterp.value >= SWIPE_GESTURE_TRIGGER) { if (
swipeGestureInterp.value >= SWIPE_GESTURE_DIST_TRIGGER ||
e.velocityX > SWIPE_GESTURE_VEL_TRIGGER
) {
runOnJS(goBack)() runOnJS(goBack)()
swipeGestureInterp.value = withTiming(1, {duration: 100}, () => { swipeGestureInterp.value = withTiming(1, {duration: 100}, () => {
swipeGestureInterp.value = 0 swipeGestureInterp.value = 0
@ -344,7 +347,6 @@ const styles = StyleSheet.create({
paddingTop: 9, paddingTop: 9,
paddingBottom: 9, paddingBottom: 9,
backgroundColor: colors.gray1, backgroundColor: colors.gray1,
// justifyContent: 'center',
}, },
locationIcon: { locationIcon: {
color: colors.gray5, color: colors.gray5,