react-native-in-app-debugger 2.0.24 → 2.0.26

package/index.jsx

@@ -239,7 +239,8 @@ export default ({
                     <Pressable
                       onPress={() => setTab(item)}
                       style={{
-                        paddingHorizontal: 8,
+                        paddingHorizontal: 16,
+                        paddingVertical: 8,
                         borderBottomWidth: +isSelected,
                         borderColor: "white",
                       }}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "2.0.24",
+  "version": "2.0.26",
   "description": "This library's main usage is to be used by Non-Technical testers during UAT, SIT or any testing phase.",
   "main": "index.jsx",
   "scripts": {

package/useAnimation.ts

@@ -2,6 +2,7 @@ import { useEffect, useMemo, useRef, useState } from "react";
 import {
   Animated,
   Keyboard,
+  BackHandler,
   PanResponder,
   useWindowDimensions,
 } from "react-native";
@@ -47,6 +48,19 @@ export default (defaultBadgeHeight = 100) => {
     }, []);
   }
 
+
+    useEffect(()=>{
+      const backHandler = BackHandler.addEventListener(
+        'hardwareBackPress',
+        () => {
+          setIsOpen(false);
+          return isOpen;
+        },
+      );
+
+      return () => backHandler.remove();
+    },[isOpen])
+
   useEffect(() => {
     const showSubscription = Keyboard.addListener("keyboardDidShow", () => {
       !isOpen &&