react-native-screen-transitions/src/types/gesture.ts

Easy screen transitions for React Native and Expo

export type GestureDirection =
	| "horizontal"
	| "horizontal-inverted"
	| "vertical"
	| "vertical-inverted"
	| "bidirectional";

export type ActivationArea = "edge" | "screen";

export type SideActivation = {
	left?: ActivationArea;
	right?: ActivationArea;
	top?: ActivationArea;
	bottom?: ActivationArea;
};

export enum GestureOffsetState {
	PENDING,
	PASSED,
	FAILED,
}

export type AxisActivation = ActivationArea | SideActivation;

export type GestureActivationArea = ActivationArea | SideActivation;

export type GestureValues = {
	/**
	 * A `SharedValue` indicating if the user's finger is on the screen (0 or 1).
	 */
	isDragging: number;
	/**
	 * The live horizontal translation of the gesture.
	 */
	x: number;
	/**
	 * The live vertical translation of the gesture.
	 */
	y: number;
	/**
	 * The live normalized horizontal translation of the gesture (-1 to 1).
	 */
	normalizedX: number;
	/**
	 * The live normalized vertical translation of the gesture (-1 to 1).
	 */
	normalizedY: number;
	/**
	 * A flag indicating if the screen is in the process of dismissing.
	 */
	isDismissing: number;
	/**
	 * The initial direction that activated the gesture.
	 */
	direction: Omit<GestureDirection, "bidirectional"> | null;
};