Browse Source

Fixing top margin in "em desenvolvimento" screens in IOS

master
GabrielTrettel 4 years ago
parent
commit
6f468c50fd
  1. 10
      src/app/components/InDevelopment.js
  2. 2
      src/app/components/Screen.js

10
src/app/components/InDevelopment.js

@ -1,5 +1,5 @@
import React from "react"; 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 { FontAwesome5 } from "@expo/vector-icons";
import { dimensions } from "../config/dimensions"; import { dimensions } from "../config/dimensions";
@ -7,19 +7,25 @@ import colors from "../config/colors";
function InDevelopment(props) { function InDevelopment(props) {
return ( return (
<SafeAreaView style={styles.screen}>
<View style={styles.container}> <View style={styles.container}>
<FontAwesome5 name="laptop-code" size={60} color="black" /> <FontAwesome5 name="laptop-code" size={60} color="black" />
<Text style={{ fontSize: dimensions.text.header, fontWeight: "bold" }}> <Text style={{ fontSize: dimensions.text.header, fontWeight: "bold" }}>
Em construção... Em construção...
</Text> </Text>
</View> </View>
</SafeAreaView>
); );
} }
const styles = StyleSheet.create({ const styles = StyleSheet.create({
screen: {
flex: 1,
marginTop: 20,
},
container: { container: {
backgroundColor: colors.white,
flex: 1, flex: 1,
backgroundColor: colors.white,
flexDirection: "column", flexDirection: "column",
alignItems: "center", alignItems: "center",
justifyContent: "flex-start", justifyContent: "flex-start",

2
src/app/components/Screen.js

@ -12,7 +12,7 @@ function Screen({ children, style }) {
const styles = StyleSheet.create({ const styles = StyleSheet.create({
screen: { screen: {
paddingTop: Constants.statusBarHeight,
// paddingTop: Constants.statusBarHeight,
flex: 1, flex: 1,
}, },
view: { view: {

Loading…
Cancel
Save