render() { return ( <PanGestureHandler {...this.props} onGestureEvent={this.onGestureEvent} onHandlerStateChange={this.onHandlerStateChange} > <Animated.View style={[ styles.box, { transform: [ { translateX: this.translateX }, { translateY: this.translateY }, ], }, this.props.grabbedSide === 'left' ? styles.draggableItemLeft : styles.draggableItemRight, ]} /> </PanGestureHandler> ); }
locations={[0.1, 0.9]} <PanGestureHandler onGestureEvent={({ nativeEvent: { translationY } }) => { onGesture?.(true, translationY);
<PanGestureHandler onGestureEvent={({ nativeEvent: { translationX, translationY } }) => { set({
<PanGestureHandler onGestureEvent={animatedEvent} onHandlerStateChange={onHandlerStateChange}
<PanGestureHandler onGestureEvent={({ nativeEvent: { translationX } }) => { set({
<PanGestureHandler {...gestureHandler}> <Animated.View style={{
}} <PanGestureHandler onGestureEvent={({ nativeEvent: { translationY } }) => { if (translationY > 0) {
</Contianer> </ScrollView> <PanGestureHandler onHandlerStateChange={handleStateChange}> <Animated.View style={[
<PanGestureHandler onGestureEvent={({ nativeEvent: { translationX, translationY } }) => { set({