including 'under construction'

src/app/screens/AccountScreen.js

@@ -1,25 +1,17 @@
 import React from "react";
-import { StyleSheet, View } from "react-native";
+import { StyleSheet, View, Text } from "react-native";
 
-import { ListItem } from "../components/lists";
 import colors from "../config/colors";
-import Icon from "../components/Icon";
 import Screen from "../components/Screen";
+import { AntDesign } from '@expo/vector-icons';
 
 function AccountScreen({ navigation }) {
   return (
     <Screen style={styles.screen}>
       <View style={styles.container}>
-        <ListItem
-          title="Daniel Barros"
-          subTitle="danieldrb@gmail.com"
-          image={require("../assets/ddangelorb.png")}
-        />
+      <AntDesign name="warning" size={60} color="black" />
+      <Text style={{fontSize: 30, fontWeight: "bold"}}>Em construção...</Text>
         </View>
-      <ListItem
-        title="Log Out"
-        IconComponent={<Icon name="logout" backgroundColor="#ffe66d" />}
-      />
     </Screen>
   );
 }
@@ -29,7 +21,11 @@ const styles = StyleSheet.create({
     backgroundColor: colors.light,
   },
   container: {
-    marginVertical: 20,
+    flex: 1,
+    flexDirection: "column",
+    alignItems:"center",
+    justifyContent: "flex-start"    
+
   },
 });
 

src/app/screens/MessagesScreen.js

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { FlatList, StyleSheet } from "react-native";
+import { FlatList, StyleSheet, View, Text } from "react-native";
 
 import Screen from "../components/Screen";
 import {
@@ -8,7 +8,10 @@ import {
   ListItemSeparator,
 } from "../components/lists";
 
-const initialMessages = [
+import colors from "../config/colors";
+import { AntDesign } from '@expo/vector-icons';
+
+/*const initialMessages = [
   {
     id: 1,
     title: "Defesa Civil",
@@ -22,18 +25,18 @@ const initialMessages = [
       "Enviado um aviso de alagamento na região de Pinheiros. Há possibilidade de alagamentos. Evite a região.",
     image: require("../assets/defesa_civil.png"),
   },
-];
+];*/
 
 function MessagesScreen(props) {
-  const [messages, setMessages] = useState(initialMessages);
+  /*const [messages, setMessages] = useState(initialMessages);
   const [refreshing, setRefreshing] = useState(false);
 
   const handleDelete = (message) => {
     setMessages(messages.filter((m) => m.id !== message.id));
-  };
+  }; */
 
   return (
-    <Screen>
+    {/*<Screen>
       <FlatList
         data={messages}
         keyExtractor={(message) => message.id.toString()}
@@ -61,10 +64,27 @@ function MessagesScreen(props) {
           ]);
         }}
       />
+      </Screen>*/},
+    <Screen style={styles.screen}>
+      <View style={styles.container}>
+        <AntDesign name="warning" size={60} color="black" />
+        <Text style={{ fontSize: 30, fontWeight: "bold" }}>Em construção...</Text>
+      </View>
     </Screen>
   );
 }
 
-const styles = StyleSheet.create({});
+const styles = StyleSheet.create({
+  screen: {
+    backgroundColor: colors.light,
+  },
+  container: {
+    flex: 1,
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "flex-start"
+
+  },
+});
 
 export default MessagesScreen;

src/app/screens/OfficialMessagesScreen.js

@@ -1,28 +1,31 @@
 import React from "react";
-import { Image, StyleSheet, View } from "react-native";
+import { StyleSheet, View, Text } from "react-native";
 
 import colors from "../config/colors";
+import Screen from "../components/Screen";
+import { AntDesign } from '@expo/vector-icons';
 
 function OfficialMessagesScreen(props) {
   return (
+     <Screen style={styles.screen}>
       <View style={styles.container}>
-      <Image
-        resizeMode="contain"
-        style={styles.image}
-        source={require("../assets/previsao_tempo.png")}
-      />
+        <AntDesign name="warning" size={60} color="black" />
+        <Text style={{ fontSize: 30, fontWeight: "bold" }}>Em construção...</Text>
       </View>
+    </Screen>
   );
 }
 
 const styles = StyleSheet.create({
+  screen: {
+    backgroundColor: colors.light,
+  },
   container: {
-    backgroundColor: colors.black,
     flex: 1,
-  },
-  image: {
-    width: "100%",
-    height: "100%",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "flex-start"
+
   },
 });