react-native-gesture-handler

问题 I am using react native gesture handlers to create a bar that can be scrolled up and down. Currently I can scroll it as much as I want. I want to modify it such that it should stop scrolling when I certain limit has reached. export const SwipeablePanel: React.FunctionalComponent = () => { //set up animation variables const dragY = useRef(new Animated.Value(0)); const onGestureEvent = Animated.event( [{ nativeEvent: { translationY: dragY.current } }], { useNativeDriver: true, }, ); const

问题 I am using react native gesture handlers to create a bar that can be scrolled up and down. Currently I can scroll it as much as I want. I want to modify it such that it should stop scrolling when I certain limit has reached. export const SwipeablePanel: React.FunctionalComponent = () => { //set up animation variables const dragY = useRef(new Animated.Value(0)); const onGestureEvent = Animated.event( [{ nativeEvent: { translationY: dragY.current } }], { useNativeDriver: true, }, ); const

问题 I am using react native gesture handlers to create a bar that can be scrolled up and down. Currently I can scroll it as much as I want. I want to modify it such that it should stop scrolling when I certain limit has reached. export const SwipeablePanel: React.FunctionalComponent = () => { //set up animation variables const dragY = useRef(new Animated.Value(0)); const onGestureEvent = Animated.event( [{ nativeEvent: { translationY: dragY.current } }], { useNativeDriver: true, }, ); const

来源： https://stackoverflow.com/questions/63924996/react-native-get-actual-x-y-co-ordinates-of-an-element-after-finish-dragging-r

问题 I'm using Swipeable from React-Native-Gesture-Handler to incorporate swipe to delete on my page. When I press delete, the contact gets deleted however the swipeable remains open. I want it to close after it gets pressed but I can't seem to figure out how to do it. This is my code: const RightActions = (progress, dragX) => { return ( <TouchableOpacity onPress={()=>{DeleteContact(i)}}> <View style={[ContactsStyles.rightAction]}> <Text style={ContactsStyles.actionText}>Delete</Text> </View> <