react-native-toast-message 2.0.1 → 2.0.2

package/CHANGELOG.md

@@ -9,6 +9,12 @@ Headers are one of:
 
 - `Added`, `Changed`, `Removed`, `Fixed` or `Breaking`.
 
+## [2.0.2]
+
+### Fixed
+
+- Fast swipe up re-creates the toast [#280](https://github.com/calintamas/react-native-toast-message/issues/280)
+
 ## [2.0.1]
 
 ### Fixed

package/lib/src/components/AnimatedContainer.d.ts

@@ -11,6 +11,12 @@ export declare type AnimatedContainerProps = {
     onHide: () => void;
     onRestorePosition?: () => void;
 };
+/**
+ * Produces a positive damping value.
+ *
+ * To note: `moveY` becomes negative when going off-screen. By making sure the value
+ * produced is always positive, we avoid issues like: https://github.com/calintamas/react-native-toast-message/issues/280
+ */
 export declare function dampingFor(gesture: PanResponderGestureState, position: ToastPosition): number;
 export declare function animatedValueFor(gesture: PanResponderGestureState, position: ToastPosition, damping: number): number;
 export declare function AnimatedContainer({ children, isVisible, position, topOffset, bottomOffset, keyboardOffset, onHide, onRestorePosition }: AnimatedContainerProps): JSX.Element;

package/lib/src/components/AnimatedContainer.js

@@ -6,15 +6,21 @@ import { noop } from '../utils/func';
 import { bound } from '../utils/number';
 import { getTestId } from '../utils/test-id';
 import { styles } from './AnimatedContainer.styles';
+/**
+ * Produces a positive damping value.
+ *
+ * To note: `moveY` becomes negative when going off-screen. By making sure the value
+ * produced is always positive, we avoid issues like: https://github.com/calintamas/react-native-toast-message/issues/280
+ */
 export function dampingFor(gesture, position) {
     const { moveY } = gesture;
     switch (position) {
         case 'bottom': {
             const { height: screenHeight } = Dimensions.get('screen');
-            return screenHeight - moveY;
+            return Math.abs(screenHeight - moveY);
         }
         case 'top':
-            return moveY;
+            return Math.abs(moveY);
         default:
             throw new Error(`Toast position: ${position} not implemented`);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-toast-message",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Toast message component for React Native",
   "main": "./lib/index.js",
   "types": "./lib/index.d.ts",