react-native-in-app-debugger 1.0.25 → 1.0.27

package/README.md

@@ -56,6 +56,14 @@ export default () => (
 Call `InAppDebugger` component on top most component, then a floating debugger will appear.
 
 
+### Installation
+
+You can declare this in your `package.json` without the need to specify version
+```
+"react-native-in-app-debugger": "latest",
+```
+because we are committed to ensure that no breaking changes for every released version and all releases will be backward compatible. Therefore, you will enjoy latest version hassle free.
+
 ### Properties
 
 All FlatList props should work plus props mentioned below

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.25",
+  "version": "1.0.27",
   "description": "",
   "main": "index.jsx",
   "scripts": {

package/useAnimation.ts

@@ -13,22 +13,22 @@ export default (defaultBadgeHeight) => {
   const badgeHeight = useRef(new Animated.Value(defaultBadgeHeight)).current;
   const badgeWidth = useRef(new Animated.Value(defaultBadgeWidth)).current;
   const { width, height } = useWindowDimensions();
+  const [isOpen, setIsOpen] = useState(false);
 
   useEffect(() => {
     const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
-      Animated.spring(position, { ...und, toValue: { x: cachePosition.current.x, y: 0 } }).start();
+      !isOpen && Animated.spring(position, { ...und, toValue: { x: cachePosition.current.x, y: 0 } }).start();
     });
     const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
-      Animated.spring(position, { ...und, toValue: cachePosition.current }).start();
+      !isOpen && Animated.spring(position, { ...und, toValue: cachePosition.current }).start();
     });
 
     return () => {
       showSubscription.remove();
       hideSubscription.remove();
     };
-  }, []);
+  }, [isOpen]);
 
-  const [isOpen, setIsOpen] = useState(false);
 
   const panResponder = useRef(
     PanResponder.create({
@@ -43,7 +43,10 @@ export default (defaultBadgeHeight) => {
       onPanResponderMove: Animated.event([null, { dx: position.x, dy: position.y }], und),
       onPanResponderRelease: (_, g) => {
         position.flattenOffset();
-        cachePosition.current = { x: g.moveX > width / 2 ? width - defaultBadgeWidth : 0, y: g.moveY };
+        cachePosition.current = {
+          x: g.moveX > width / 2 ? width - defaultBadgeWidth : 0,
+          y: Math.min(g.moveY, height - defaultBadgeHeight),
+        };
         Animated.spring(position, { ...und, toValue: cachePosition.current }).start();
       },
     }),