Skip to content

Deprecate ForceTouch gesture #3550

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
latekvo merged 4 commits into from
Jun 30, 2025
Merged

Deprecate ForceTouch gesture #3550

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
0e9bd62
Deprecate ForceTouch
m-bert May 28, 2025
b66f96f
Merge branch 'main' into @mbert/deprecate-force-touch
m-bert Jun 9, 2025
c233d0b
Deprecate events and payloads
m-bert Jun 30, 2025
1950b10
fix typo
latekvo Jun 30, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions packages/docs-gesture-handler/docs/gestures/force-touch-gesture.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,10 @@ sidebar_label: Force touch gesture
sidebar_position: 10
---

:::warning
ForceTouch gesture is depracted and will be removed in the future version of Gesture Handler.
:::

import BaseEventData from './\_shared/base-gesture-event-data.md';
import BaseEventConfig from './\_shared/base-gesture-config.md';
import BaseContinuousEventConfig from './\_shared/base-continuous-gesture-config.md';
Expand Down
3 changes: 3 additions & 0 deletions packages/react-native-gesture-handler/src/handlers/GestureHandlerEventPayload.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,9 @@ export type FlingGestureHandlerEventPayload = {
absoluteY: number;
};

/**
* @deprecated ForceTouch gesture is deprecated and will be removed in the future.
*/
export type ForceTouchGestureHandlerEventPayload = {
x: number;
y: number;
Expand Down
9 changes: 9 additions & 0 deletions packages/react-native-gesture-handler/src/handlers/gestureHandlerTypesCompat.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -46,8 +46,14 @@ export type TapGestureHandlerGestureEvent =
export type TapGestureHandlerStateChangeEvent =
HandlerStateChangeEvent<TapGestureHandlerEventPayload>;

/**
* @deprecated ForceTouchGestureHandler is deprecated and will be removed in the future.
*/
export type ForceTouchGestureHandlerGestureEvent =
GestureEvent<ForceTouchGestureHandlerEventPayload>;
/**
* @deprecated ForceTouchGestureHandler is deprecated and will be removed in the future.
*/
export type ForceTouchGestureHandlerStateChangeEvent =
HandlerStateChangeEvent<ForceTouchGestureHandlerEventPayload>;

Expand Down Expand Up @@ -84,6 +90,9 @@ export type PanGestureHandlerProperties = PanGestureHandlerProps;
export type PinchGestureHandlerProperties = PinchGestureHandlerProps;
export type RotationGestureHandlerProperties = RotationGestureHandlerProps;
export type FlingGestureHandlerProperties = FlingGestureHandlerProps;
/**
* @deprecated ForceTouch gesture is deprecated and will be removed in the future.
Comment thread
latekvo marked this conversation as resolved.
*/
export type ForceTouchGestureHandlerProperties = ForceTouchGestureHandlerProps;
// Button props
export type RawButtonProperties = RawButtonProps;
Expand Down
9 changes: 9 additions & 0 deletions packages/react-native-gesture-handler/src/handlers/gestures/forceTouchGesture.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,9 @@ import { ForceTouchGestureConfig } from '../ForceTouchGestureHandler';
import type { ForceTouchGestureHandlerEventPayload } from '../GestureHandlerEventPayload';
import { GestureUpdateEvent } from '../gestureHandlerCommon';

/**
* @deprecated ForceTouch gesture is deprecated and will be removed in the future.
Comment thread
latekvo marked this conversation as resolved.
*/
export type ForceTouchGestureChangeEventPayload = {
forceChange: number;
};
Expand All @@ -26,6 +29,9 @@ function changeEventCalculator(
return { ...current, ...changePayload };
}

/**
* @deprecated ForceTouch gesture is deprecated and will be removed in the future.
Comment thread
latekvo marked this conversation as resolved.
*/
export class ForceTouchGesture extends ContinousBaseGesture<
ForceTouchGestureHandlerEventPayload,
ForceTouchGestureChangeEventPayload
Expand Down Expand Up @@ -83,4 +89,7 @@ export class ForceTouchGesture extends ContinousBaseGesture<
}
}

/**
* @deprecated ForceTouch gesture is deprecated and will be removed in the future.
*/
export type ForceTouchGestureType = InstanceType<typeof ForceTouchGesture>;
4 changes: 3 additions & 1 deletion packages/react-native-gesture-handler/src/handlers/gestures/gestureObjects.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,9 @@ export const GestureObjects = {
},

/**
* #### iOS only
* @deprecated ForceTouch gesture is deprecated and will be removed in the future.
*
* #### iOS only
* A continuous gesture that recognizes force of a touch. It allows for tracking pressure of touch on some iOS devices.
* @see https://docs.swmansion.com/react-native-gesture-handler/docs/gestures/force-touch-gesture
*/
Expand Down
Loading