diff --git a/src/app/index.js b/src/app/index.js
index e9bea14..228ad6c 100644
--- a/src/app/index.js
+++ b/src/app/index.js
@@ -23,6 +23,10 @@ import AppLifecycleListener from "~/containers/AppLifecycleListener";
import { useUpdates } from "~/updates";
import Error from "~/components/Error";
+import {
+ SafeAreaProvider,
+ initialWindowMetrics,
+} from "react-native-safe-area-context";
import useTrackLocation from "~/hooks/useTrackLocation";
// import { initializeBackgroundFetch } from "~/services/backgroundFetch";
@@ -298,13 +302,15 @@ function AppContent() {
export default function App() {
return (
-
-
-
+
+
+
+
+
);
}
diff --git a/src/containers/PermissionWizard/HeroMode.js b/src/containers/PermissionWizard/HeroMode.js
index 2443bc3..02d3d58 100644
--- a/src/containers/PermissionWizard/HeroMode.js
+++ b/src/containers/PermissionWizard/HeroMode.js
@@ -8,6 +8,7 @@ import {
AppState,
} from "react-native";
import { Title } from "react-native-paper";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
import { Ionicons, Entypo } from "@expo/vector-icons";
import {
permissionsActions,
@@ -55,6 +56,7 @@ const HeroMode = () => {
"batteryOptimizationDisabled",
]);
const theme = useTheme();
+ const insets = useSafeAreaInsets();
const [skipMessage] = useState(() => {
const randomIndex = Math.floor(Math.random() * skipMessages.length);
@@ -498,7 +500,12 @@ const HeroMode = () => {
-
+
{
const theme = useTheme();
+ const insets = useSafeAreaInsets();
const handleFinish = () => {
permissionWizardActions.setCompleted(true);
@@ -17,7 +19,12 @@ const SkipInfo = () => {
-
+
diff --git a/src/containers/PermissionWizard/Success.js b/src/containers/PermissionWizard/Success.js
index fd70e62..c3585f1 100644
--- a/src/containers/PermissionWizard/Success.js
+++ b/src/containers/PermissionWizard/Success.js
@@ -1,6 +1,7 @@
import React, { useCallback } from "react";
import { View, StyleSheet, Image, ScrollView } from "react-native";
import { Button, Title } from "react-native-paper";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
import { Ionicons } from "@expo/vector-icons";
import { permissionWizardActions } from "~/stores";
import { useTheme } from "~/theme";
@@ -9,6 +10,7 @@ import CustomButton from "~/components/CustomButton";
const Success = () => {
const theme = useTheme();
+ const insets = useSafeAreaInsets();
const handleFinish = useCallback(() => {
permissionWizardActions.setCompleted(true);
@@ -18,7 +20,12 @@ const Success = () => {
-
+
{
"locationForeground",
]);
const theme = useTheme();
+ const insets = useSafeAreaInsets();
const handleNext = useCallback(() => {
permissionWizardActions.setCurrentStep("hero");
@@ -148,7 +150,12 @@ const Welcome = () => {
-
+