From 6f468c50fde4bed774d833dc0fa3660520de54b4 Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Mon, 8 Mar 2021 19:09:29 -0300
Subject: [PATCH] Fixing top margin in "em desenvolvimento" screens in IOS

---
 src/app/components/InDevelopment.js | 22 ++++++++++++++--------
 src/app/components/Screen.js        |  2 +-
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/app/components/InDevelopment.js b/src/app/components/InDevelopment.js
index adc0581..78d7242 100644
--- a/src/app/components/InDevelopment.js
+++ b/src/app/components/InDevelopment.js
@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleSheet, View, Text } from "react-native";
+import { StyleSheet, View, Text, SafeAreaView } from "react-native";
 
 import { FontAwesome5 } from "@expo/vector-icons";
 import { dimensions } from "../config/dimensions";
@@ -7,19 +7,25 @@ import colors from "../config/colors";
 
 function InDevelopment(props) {
   return (
-    <View style={styles.container}>
-      <FontAwesome5 name="laptop-code" size={60} color="black" />
-      <Text style={{ fontSize: dimensions.text.header, fontWeight: "bold" }}>
-        Em construção...
-      </Text>
-    </View>
+    <SafeAreaView style={styles.screen}>
+      <View style={styles.container}>
+        <FontAwesome5 name="laptop-code" size={60} color="black" />
+        <Text style={{ fontSize: dimensions.text.header, fontWeight: "bold" }}>
+          Em construção...
+        </Text>
+      </View>
+    </SafeAreaView>
   );
 }
 
 const styles = StyleSheet.create({
+  screen: {
+    flex: 1,
+    marginTop: 20,
+  },
   container: {
-    backgroundColor: colors.white,
     flex: 1,
+    backgroundColor: colors.white,
     flexDirection: "column",
     alignItems: "center",
     justifyContent: "flex-start",
diff --git a/src/app/components/Screen.js b/src/app/components/Screen.js
index 9434d80..7399406 100644
--- a/src/app/components/Screen.js
+++ b/src/app/components/Screen.js
@@ -12,7 +12,7 @@ function Screen({ children, style }) {
 
 const styles = StyleSheet.create({
   screen: {
-    paddingTop: Constants.statusBarHeight,
+    // paddingTop: Constants.statusBarHeight,
     flex: 1,
   },
   view: {