From 188c9240e9a7df710e3f44a01ff9833168bf30e6 Mon Sep 17 00:00:00 2001
From: Tim Glasgow <tim.glasgow@atonalsoftware.com>
Date: Fri, 5 Aug 2022 17:54:11 -0500
Subject: [PATCH] safe area view

---
 squarenotsquare/src/screens/Home.js | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/squarenotsquare/src/screens/Home.js b/squarenotsquare/src/screens/Home.js
index 6193f73..930dc09 100644
--- a/squarenotsquare/src/screens/Home.js
+++ b/squarenotsquare/src/screens/Home.js
@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { BackHandler, Text, TouchableOpacity, View } from "react-native";
+import { BackHandler, SafeAreaView, Text, TouchableOpacity, View } from "react-native";
 import { styles } from './styles/AppStyles';
 import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons';
 import Icons from '../themes/Icons';
@@ -21,13 +21,12 @@ function Home(){
   }
 
   return (
-    <View style={[styles.flex]}>
-      <TouchableOpacity style={[styles.absolute]}>
+    <SafeAreaView style={[styles.flex]}>
+      <TouchableOpacity style={[styles.endAlign]}>
         <MaterialIcon
           name={Icons.squareIcons.settings}
           color={Colors.material.green400}
           size={Metrics.icons.buttonIcon}
-          style={styles.absolute}
         />
       </TouchableOpacity>
       <View style={[styles.flexHalf, styles.spaceAround]}>
@@ -65,7 +64,7 @@ function Home(){
           0.0.1a    Atonal Software    August 2, 2022
         </Text>
       </View>
-    </View>
+    </SafeAreaView>
   )
 }