react-native-in-app-debugger 2.0.21 → 2.0.22

package/Api/index.jsx

@@ -8,6 +8,7 @@ import {
   Pressable,
   ActivityIndicator,
 } from "react-native";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Text from "../Text";
 import Highlight from "../Highlight";
 import Bookmark from "../Bookmark";
@@ -45,6 +46,7 @@ export default (props) => {
   const [wrap, setWrap] = useState(true);
   const [expands, setExpands] = useState({});
   const apis = props.apis.filter((a) => !errorOnly || isError(a));
+  const insets = useSafeAreaInsets();
 
   if (LocalStorage) {
     useEffect(() => {
@@ -155,6 +157,7 @@ export default (props) => {
         keyExtractor={(i) => i.id}
         stickySectionHeadersEnabled
         showsVerticalScrollIndicator
+        contentContainerStyle={{ paddingBottom: insets.bottom}}
         sections={apis
           .filter(
             (a) =>

package/Deeplink.tsx

@@ -6,6 +6,7 @@ import {
   View,
   FlatList,
 } from "react-native";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import X from "./X";
 import Text from "./Text";
 
@@ -20,6 +21,7 @@ try {
 export default ({ deeplinkPrefix = 'mym1-sunshine://', onClose }) => {
   const [text, setText] = React.useState("");
   const [history, setHistory] = React.useState([]);
+  const insets = useSafeAreaInsets();
 
   const go = (t) => {
     const newHistory = [t, ...history.filter((h) => h !== t)];
@@ -77,6 +79,7 @@ export default ({ deeplinkPrefix = 'mym1-sunshine://', onClose }) => {
       </View>
       <FlatList
         data={history}
+        contentContainerStyle={{ paddingBottom: insets.bottom }}
         renderItem={({ item }) => (
           <View
             style={{

package/Libs.jsx

@@ -5,6 +5,7 @@ import {
   TextInput,
   View,
 } from "react-native";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Text from "./Text";
 import Highlight from "./Highlight";
 import packageJson from "../../package.json";
@@ -17,6 +18,7 @@ const libs = Object.entries(packageJson.dependencies).reduce(
 
 export default (p) => {
   const [filter, setFilter] = useState("");
+  const insets = useSafeAreaInsets();
 
   return (
     <>
@@ -29,7 +31,7 @@ export default (p) => {
         clearButtonMode="always"
       />
       <FlatList
-        contentContainerStyle={{ padding: 5, paddingBottom: 20 }}
+        contentContainerStyle={{ padding: 5, paddingBottom: insets.bottom }}
         data={libs.filter(
           (l) =>
             !filter ||

package/Mock/index.jsx

@@ -1,11 +1,13 @@
 import React, { useState } from 'react';
 import { FlatList, StyleSheet, TextInput } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import MockGroup from './MockGroup';
 
 const format = (m) => '(' + m.request.method + ') ' + m.request.url;
 
 export default (p) => {
   const [filter, setFilter] = useState('');
+  const insets = useSafeAreaInsets();
 
   const data = [];
   p.mocks.forEach((m) => {
@@ -25,7 +27,7 @@ export default (p) => {
         clearButtonMode='always'
       />
       <FlatList
-        contentContainerStyle={{ padding: 5, paddingBottom: 20 }}
+        contentContainerStyle={{ padding: 5, paddingBottom: insets.bottom }}
         data={data.filter((l) => !filter || l.title.toLowerCase().includes(filter))}
         showsVerticalScrollIndicator
         keyExtractor={(i) => i.title}

package/Variables.jsx

@@ -1,10 +1,12 @@
 import React, { useState } from "react";
 import { FlatList, StyleSheet, TextInput } from "react-native";
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import Text from "./Text";
 import Highlight from "./Highlight";
 
 export default ({ variables }) => {
   const [filter, setFilter] = useState("");
+  const insets = useSafeAreaInsets();
 
   return (
     <>
@@ -17,7 +19,7 @@ export default ({ variables }) => {
         clearButtonMode="always"
       />
       <FlatList
-        contentContainerStyle={{ padding: 5, paddingBottom: 20 }}
+        contentContainerStyle={{ padding: 5, paddingBottom: insets.bottom }}
         data={Object.keys(variables).filter(
           (k) =>
             !filter ||

package/package.json

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