diff --git a/squarenotsquare/src/screens/Home.js b/squarenotsquare/src/screens/Home.js index 6200581..d5b0ec3 100644 --- a/squarenotsquare/src/screens/Home.js +++ b/squarenotsquare/src/screens/Home.js @@ -1,8 +1,7 @@ import React, { useEffect } from "react"; -import { BackHandler, Text, View } from "react-native"; +import { BackHandler, Text, TouchableOpacity, View } from "react-native"; import { useState } from "react"; import { styles } from './styles/AppStyles'; -import { TouchableOpacity } from "react-native-gesture-handler"; import MaterialIcon from 'react-native-vector-icons/MaterialCommunityIcons'; import Icons from '../themes/Icons'; import Colors from "../themes/Colors"; @@ -16,12 +15,14 @@ function Home(props){ return ( - + + + Square diff --git a/squarenotsquare/src/screens/styles/AppStyles.js b/squarenotsquare/src/screens/styles/AppStyles.js index a1e5b65..45d342a 100644 --- a/squarenotsquare/src/screens/styles/AppStyles.js +++ b/squarenotsquare/src/screens/styles/AppStyles.js @@ -28,10 +28,8 @@ export const styles = StyleSheet.create({ stretch: {alignSelf: 'stretch'}, absolute: { position: 'absolute', - top: Metrics.screenSections.headerHeight, - bottom: 0, - left: 0, - right: 0, + top: 0, + right: 0 }, dropShadow: { @@ -93,5 +91,11 @@ export const styles = StyleSheet.create({ borderRadius: Metrics.buttons.borderRadius, width: Metrics.buttons.menuButton.width, height: Metrics.buttons.menuButton.height + }, + + settingsContainer: { + zIndex: 1000, + width: Metrics.icons.buttonIcon, + height: Metrics.icons.buttonIcon } }) \ No newline at end of file