react-native-in-app-debugger 1.0.26 → 1.0.28

package/Api.jsx

@@ -130,7 +130,7 @@ export default (props) => {
                 textDecorationLine: errorOnly ? "line-through" : undefined,
               }}
             >
-              {apis.filter(isError).length} Error(s) Only
+              {apis.filter(isError).length} error{apis.filter(isError).length > 1 ? 's' : ''}
             </Text>
           </TouchableOpacity>
         )}
@@ -166,6 +166,7 @@ export default (props) => {
         contentContainerStyle={{ padding: 5 }}
         keyExtractor={(i) => i.id}
         stickySectionHeadersEnabled
+        showsVerticalScrollIndicator
         sections={apis
           .filter((a) =>
             !filter || filterUrlOnly

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/Variables.jsx

@@ -18,6 +18,7 @@ export default ({ variables }) => {
         data={Object.keys(variables).filter(
           (k) => !filter || variables[k].toLowerCase().includes(filter) || k.toLowerCase().includes(filter),
         )}
+        showsVerticalScrollIndicator
         keyExtractor={(i) => i}
         renderItem={({ item }) => (
           <Text selectable style={{ color: 'white', marginVertical: 10 }}>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-in-app-debugger",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "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({