fix: prevent animatedIndex from flickering caused by content resizing

gorhom · Aug 5, 2021 · 7fef5d0 · 7fef5d0
1 parent cc5b829
commit 7fef5d0
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/components/bottomSheet/BottomSheet.tsx b/src/components/bottomSheet/BottomSheet.tsx
@@ -483,6 +483,17 @@ const BottomSheetComponent = forwardRef<BottomSheet, BottomSheetProps>(
         return Math.max(animatedCurrentIndex.value, currentIndex);
       }
 
+      /**
+       * if the sheet is currently running an animation by snap point change - usually caused
+       * by dynamic content height -, then we return the next position index.
+       */
+      if (
+        animatedAnimationSource.value === ANIMATION_SOURCE.SNAP_POINT_CHANGE &&
+        animatedAnimationState.value === ANIMATION_STATE.RUNNING
+      ) {
+        return animatedNextPositionIndex.value;
+      }
+
       return currentIndex;
     }, [android_keyboardInputMode]);
     //#endregion