shakebug-react-native 2.2.1 → 2.2.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "shakebug-react-native",
   "title": "shakebug-react-native",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "description": "Shakebug allows users to report the bug from your mobile phone for your application. Here users just need to shake their mobile and all the data regarding bugs & crashes can be seen by developers through their log in panel easily",
   "main": "src/index.tsx",
   "scripts": {

package/src/Screens/AddDetailsScreen.js

@@ -285,7 +285,7 @@ const AddDetailsScreen = ({ media, updateParent, mediaType, themeColor, SDKScree
     }
 
     return (
-        <SafeAreaView style={{ width: "100%", height: "100%", backgroundColor: themeColor, marginTop: Platform.OS == 'ios' ? StatusBar.currentHeight : 0, paddingBottom: 0 }}>
+        <SafeAreaView style={{ width: "100%", height: "100%", backgroundColor: themeColor, paddingTop: insets.top, paddingBottom: insets.bottom }}>
             <StatusBar backgroundColor={ThemeColor} hidden={false} />
             <KeyboardAvoidingWrapper>
                 <>

package/src/Screens/FirstScreen.js

@@ -11,12 +11,14 @@ import { ActivityIndicator } from 'react-native';
 import DeviceInfo from '../../DeviceInfo';
 import { useGlobalState } from '../Componanats/GlobalStateContext.js';
 import CustomeAlert from 'shakebug-react-native/src/Componanats/CustomAlert.js';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 console.disableYellowBox = true;
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed", "Possible"];
 
 const FirstScreen = ({ img, themeColor, SDKScreenTitle }) => {
 
+  const insets = useSafeAreaInsets();
 
   const { setIsScreenShot, setIsRecordingStart } = useGlobalState()
 
@@ -310,7 +312,7 @@ const FirstScreen = ({ img, themeColor, SDKScreenTitle }) => {
   // backgroundColor: "#181818"
 
   return (
-    <SafeAreaView style={{ width: "100%", height: '100%', backgroundColor: themeColor, marginTop: Platform.OS == 'ios' ? StatusBar.currentHeight : 0}}>
+    <SafeAreaView style={{ width: "100%", height: '100%', backgroundColor: themeColor, paddingTop: insets.top, paddingBottom: insets.bottom}}>
       <StatusBar backgroundColor={ThemeColor} />
 
       <View style={{ width: "100%", height: "100%", backgroundColor: "#e4fdfd" }}>

package/src/Screens/Shakebug.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Platform, Alert, AppState, NativeModules, View, StyleSheet, Animated, Dimensions, SafeAreaView, Modal } from 'react-native';
+import { Platform, Alert, AppState, NativeModules, View, StyleSheet, Animated, Dimensions, Modal } from 'react-native';
 import ShakeFunction from '../Componanats/ShakeFunction';
 import FirstScreen from './FirstScreen';
 import AddDetailsScreen from './AddDetailsScreen';
@@ -20,6 +20,7 @@ import { Localization } from '../Componanats/localization';
 import { GlobalStateProvider, useGlobalState } from '../Componanats/GlobalStateContext';
 import CustomeAlert from 'shakebug-react-native/src/Componanats/CustomAlert';
 import ReviewModal from 'shakebug-react-native/src/Componanats/ReviewModal';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 console.ignoredYellowBox = ["Warning: Each", "Warning: Failed"];
 
@@ -51,7 +52,7 @@ global.isScreeenShotTaken = false;
 global.restrictedViews = [];
 global.currentScreen = ""
 global.isShakebugSDKOpen = false;
-global.sdk_version = "2.2.1";
+global.sdk_version = "2.2.3";
 global.app_lunch_count = 0;
 global.POPUP_LAUNCH_THRESHOLD = 3;
 global.POPUP_COOLDOWN_DAYS = 2;
@@ -450,30 +451,32 @@ function Shakebug({ children, Android_appkey, iOS_appkey, showTutorialScreenFirs
   };
 
   return (
-    <View
-      style={{
-        width: '100%',
-        height: '100%'
-      }}
-    >
-      <GlobalStateProvider>
-        <NavigationProvider>
-          <NavigationContainer />
-        </NavigationProvider>
-      </GlobalStateProvider>
-
-      <CustomeAlert
-        isVisible={isAlert}
-        text={isAlertText}
-        color={ThemeColor}
-        OnPrees={() => {
-          setAlertText("")
-          setIsAlert(false)
+    <SafeAreaProvider>
+      <View
+        style={{
+          width: '100%',
+          height: '100%'
         }}
-      />
-
-      <ReviewModal color={ThemeColor} visible={showModal} onClose={() => { setShowModal(false) }} />
-    </View>
+      >
+        <GlobalStateProvider>
+          <NavigationProvider>
+            <NavigationContainer />
+          </NavigationProvider>
+        </GlobalStateProvider>
+
+        <CustomeAlert
+          isVisible={isAlert}
+          text={isAlertText}
+          color={ThemeColor}
+          OnPrees={() => {
+            setAlertText("")
+            setIsAlert(false)
+          }}
+        />
+
+        <ReviewModal color={ThemeColor} visible={showModal} onClose={() => { setShowModal(false) }} />
+      </View>
+    </SafeAreaProvider>
   )
 }