How to use the react-native-gesture-handler.State.BEGAN function in react-native-gesture-handler

To help you get started, we’ve selected a few react-native-gesture-handler examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github bolan9999 / react-native-spring-scrollview / spring-scrollview / SpringScrollView.js View on Github external
_onHandlerStateChange = ({ nativeEvent: event }) => {
    // console.log("event", event);
    switch (event.state) {
      case State.BEGAN:
        this._slowDownAnimation && this._slowDownAnimation.stop();
        this._slowDownAnimation = null;
        this._transformY.extractOffset();
        break;
      case State.CANCELLED:
      case State.FAILED:
      case State.END:
        this._transformY.flattenOffset();
        this._slowDownAnimation = Animated.sequence([
          Animated.decay(this._transformY, {
            velocity: event.velocityY / 1000,
            deceleration: 0.95,
            useNativeDriver: true
          }),
          Animated.timing(this._transformY, {
            toValue: 0,
github expo / expo / apps / native-component-list / src / screens / GestureHandler / FancyButton.tsx View on Github external
_isPressed = () => {
    const { longPress, singleTap } = this.state;

    // Intentionally leave out double tap
    if (longPress === State.BEGAN || singleTap === State.BEGAN) {
      return true;
    } else {
      return false;
    }
  }
github bolan9999 / react-native-spring-scrollview / src / VerticalScrollView.js View on Github external
_onHandlerStateChange = ({ nativeEvent: event }) => {
    switch (event.state) {
      case State.BEGAN:
        this._onTouchBegin();
        break;
      case State.CANCELLED:
        break;
      case State.FAILED:
      case State.END:
        this._onTouchEnd(event.translationY, event.velocityY / 1000);
    }
  };
github wix / react-native-ui-lib / src / incubator / TabController / index.js View on Github external
..._.map(itemStates, (state, index) => {
                  return [
                    cond(and(eq(state, State.BEGAN), !_.includes(ignoredItems, index)), set(this._targetPage, index)),
                    cond(
                      and(eq(this._targetPage, index), eq(state, State.END), !_.includes(ignoredItems, index)),
                      set(this._currentPage, index),
                    ),
                  ];
                }),
              ])
github software-mansion / react-native-gesture-handler / Example / combo / index.js View on Github external
render() {
    const pressed = this.state.gestureHandlerState === State.BEGAN;
    const style = pressed
      ? { backgroundColor: this.props.underlayColor }
      : INACTIVE_UNDERLAY_STYLE;
    return (
      
        
      
    );
  }
}
github fram-x / react-native-fluid / src / packages / gestures / src / index.tsx View on Github external
(event: PanGestureHandlerStateChangeEvent) => {
      if (event.nativeEvent.state === State.BEGAN) {
        setIsDragging(true);
      } else if (event.nativeEvent.oldState === State.ACTIVE) {
        setIsDragging(false);
        translateX.setValue(0);
        translateY.setValue(0);
      }
    },
    [setIsDragging, translateX, translateY],
github wcandillon / can-it-be-done-in-react-native / flutter-animations / components / Sections.js View on Github external
const scroll = (
  gestureState: Value, offset: Value, translation: Value, prevTranslation: Value,
  velocity: Value, lowerBound: Value, upperBound: Value, clock: Clock,
  snap: (Value, Value) => Value, currentIndex: Value,
): Value => cond(
  eq(gestureState, State.ACTIVE),
  [
    set(offset, add(offset, sub(translation, prevTranslation))),
    set(prevTranslation, translation),
    offset,
  ],
  [
    cond(eq(gestureState, State.BEGAN), stopClock(clock)),
    set(prevTranslation, 0),
    set(offset, bound(offset, lowerBound, upperBound)),
    cond(eq(gestureState, State.END), set(offset, snap(clock, offset, velocity, currentIndex))),
    offset,
  ],
);
github punksta / Cat-or-dog / src / containers / TouchableFalling.js View on Github external
onHandlerStateChange = event => {
		if (this.touched) {
			return;
		}
		if (event.nativeEvent.state === State.BEGAN) {
			this.touched = true;
			this.props.onActionPerformed();
			this.fallingAnimation?.stop();
			this.playDissapearAnimation();
		}
	};
github mnshkv / react-native-popup-navigation / lib / components / navigation / pop_up.js View on Github external
_onHeaderHandlerStateChange = ({ nativeEvent }) => {
    if (nativeEvent.oldState === State.BEGAN) {
      this._lastScrollY.setValue(0)
    }

    this._onHandlerStateChange({ nativeEvent })
  }
github mattermost / mattermost-mobile / app / components / slide_up_panel / slide_up_panel.js View on Github external
onHeaderHandlerStateChange = ({nativeEvent}) => {
        if (nativeEvent.oldState === GestureState.BEGAN) {
            this.lastScrollY.setValue(0);
            this.lastScrollYValue = 0;
        }
        this.onHandlerStateChange({nativeEvent});
    };