Browse Source

including 'under construction'

master
analuizaff 4 years ago
parent
commit
3c6e8d22da
  1. 24
      src/app/screens/AccountScreen.js
  2. 34
      src/app/screens/MessagesScreen.js
  3. 29
      src/app/screens/OfficialMessagesScreen.js

24
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")}
/>
</View>
<ListItem
title="Log Out"
IconComponent={<Icon name="logout" backgroundColor="#ffe66d" />}
/>
<AntDesign name="warning" size={60} color="black" />
<Text style={{fontSize: 30, fontWeight: "bold"}}>Em construção...</Text>
</View>
</Screen>
);
}
@ -29,7 +21,11 @@ const styles = StyleSheet.create({
backgroundColor: colors.light,
},
container: {
marginVertical: 20,
flex: 1,
flexDirection: "column",
alignItems:"center",
justifyContent: "flex-start"
},
});

34
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;

29
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 (
<View style={styles.container}>
<Image
resizeMode="contain"
style={styles.image}
source={require("../assets/previsao_tempo.png")}
/>
</View>
<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({
screen: {
backgroundColor: colors.light,
},
container: {
backgroundColor: colors.black,
flex: 1,
},
image: {
width: "100%",
height: "100%",
flexDirection: "column",
alignItems: "center",
justifyContent: "flex-start"
},
});

Loading…
Cancel
Save