fix android floating point issues

Author: yayvery

src/components/bottomSheet/BottomSheet.tsx

@@ -58,6 +58,7 @@ import {
   getKeyboardAnimationConfigs,
   normalizeSnapPoint,
   print,
+  floatingPointEquals,
 } from '../../utilities';
 import {
   DEFAULT_OVER_DRAG_RESISTANCE_FACTOR,
@@ -78,7 +79,7 @@ import {
   DEFAULT_DYNAMIC_SIZING,
   DEFAULT_ACCESSIBLE,
   DEFAULT_ACCESSIBILITY_LABEL,
-  DEFAULT_ACCESSIBILITY_ROLE
+  DEFAULT_ACCESSIBILITY_ROLE,
 } from './constants';
 import type { BottomSheetMethods, Insets } from '../../types';
 import type { BottomSheetProps, AnimateToPositionType } from './types';
@@ -328,7 +329,7 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
       // extended position = container height - sheet height
       const extendedPosition =
         animatedContainerHeight.value - animatedSheetHeight.value;
-      if (animatedPosition.value === extendedPosition)
+      if (floatingPointEquals(animatedPosition.value, extendedPosition))
         return SHEET_STATE.EXTENDED;
 
       // extended position with keyboard =
@@ -344,13 +345,16 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
       if (
         keyboardBehavior === KEYBOARD_BEHAVIOR.interactive &&
         isInTemporaryPosition.value &&
-        animatedPosition.value === extendedPositionWithKeyboard
+        floatingPointEquals(
+          animatedPosition.value,
+          extendedPositionWithKeyboard
+        )
       ) {
         return SHEET_STATE.EXTENDED;
       }
 
       // fill parent = 0
-      if (animatedPosition.value === 0) {
+      if (floatingPointEquals(animatedPosition.value, 0)) {
         return SHEET_STATE.FILL_PARENT;
       }
 
@@ -633,7 +637,11 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
       [_providedOnChange, animatedCurrentIndex]
     );
     const handleOnAnimate = useCallback(
-      function handleOnAnimate(toPoint: number, source: ANIMATION_SOURCE, snapPoints: number[]) {
+      function handleOnAnimate(
+        toPoint: number,
+        source: ANIMATION_SOURCE,
+        snapPoints: number[]
+      ) {
         const closedPosition = animatedClosedPosition.value;
         const toIndex =
           toPoint === closedPosition ? -1 : snapPoints.indexOf(toPoint);
@@ -700,10 +708,10 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
         configs?: WithTimingConfig | WithSpringConfig
       ) {
         if (
-          position === animatedPosition.value ||
+          floatingPointEquals(position, animatedPosition.value) ||
           position === undefined ||
           (animatedAnimationState.value === ANIMATION_STATE.RUNNING &&
-            position === animatedNextPosition.value)
+            floatingPointEquals(position, animatedNextPosition.value))
         ) {
           return;
         }

src/hooks/useGestureEventsHandlersDefault.tsx

@@ -18,6 +18,7 @@ import type {
 } from '../types';
 import { clamp } from '../utilities/clamp';
 import { snapPoint } from '../utilities/snapPoint';
+import { floatingPointEquals } from '../utilities';
 
 type GestureEventContextType = {
   initialPosition: number;
@@ -136,7 +137,7 @@ export const useGestureEventsHandlersDefault: GestureEventsHandlersHookType =
         if (
           source === GESTURE_SOURCE.CONTENT &&
           isScrollableRefreshable.value &&
-          animatedPosition.value === highestSnapPoint
+          floatingPointEquals(animatedPosition.value, highestSnapPoint)
         ) {
           return;
         }
@@ -148,7 +149,10 @@ export const useGestureEventsHandlersDefault: GestureEventsHandlersHookType =
          * a negative scrollable content offset when the scrollable is not locked.
          */
         const negativeScrollableContentOffset =
-          (context.value.initialPosition === highestSnapPoint &&
+          (floatingPointEquals(
+            context.value.initialPosition,
+            highestSnapPoint
+          ) &&
             source === GESTURE_SOURCE.CONTENT) ||
           !context.value.isScrollablePositionLocked
             ? animatedScrollableContentOffsetY.value * -1
@@ -184,7 +188,7 @@ export const useGestureEventsHandlersDefault: GestureEventsHandlersHookType =
         if (
           context.value.isScrollablePositionLocked &&
           source === GESTURE_SOURCE.CONTENT &&
-          animatedPosition.value === highestSnapPoint
+          floatingPointEquals(animatedPosition.value, highestSnapPoint)
         ) {
           context.value = {
             ...context.value,
@@ -258,8 +262,10 @@ export const useGestureEventsHandlersDefault: GestureEventsHandlersHookType =
     const handleOnEnd: GestureEventHandlerCallbackType = useWorkletCallback(
       function handleOnEnd(source, { translationY, absoluteY, velocityY }) {
         const highestSnapPoint = animatedHighestSnapPoint.value;
-        const isSheetAtHighestSnapPoint =
-          animatedPosition.value === highestSnapPoint;
+        const isSheetAtHighestSnapPoint = floatingPointEquals(
+          animatedPosition.value,
+          highestSnapPoint
+        );
 
         /**
          * if scrollable is refreshable and sheet position at the highest
@@ -354,7 +360,7 @@ export const useGestureEventsHandlersDefault: GestureEventsHandlersHookType =
          * if destination point is the same as the current position,
          * then no need to perform animation.
          */
-        if (destinationPoint === animatedPosition.value) {
+        if (floatingPointEquals(destinationPoint, animatedPosition.value)) {
           return;
         }
 

src/utilities/floatingPointEquals.ts

@@ -0,0 +1,6 @@
+const EPSILON = 0.1;
+
+export function floatingPointEquals(valueA: number, valueB: number) {
+  'worklet';
+  return Math.abs(valueB - valueA) < EPSILON;
+}

src/utilities/index.ts

@@ -3,3 +3,4 @@ export { animate } from './animate';
 export { getKeyboardAnimationConfigs } from './getKeyboardAnimationConfigs';
 export { print } from './logger';
 export { noop, workletNoop } from './noop';
+export { floatingPointEquals } from './floatingPointEquals';