Browse Source

including 'under construction'

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

22
src/app/screens/AccountScreen.js

@ -1,25 +1,17 @@
import React from "react"; 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 colors from "../config/colors";
import Icon from "../components/Icon";
import Screen from "../components/Screen"; import Screen from "../components/Screen";
import { AntDesign } from '@expo/vector-icons';
function AccountScreen({ navigation }) { function AccountScreen({ navigation }) {
return ( return (
<Screen style={styles.screen}> <Screen style={styles.screen}>
<View style={styles.container}> <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> </View>
<ListItem
title="Log Out"
IconComponent={<Icon name="logout" backgroundColor="#ffe66d" />}
/>
</Screen> </Screen>
); );
} }
@ -29,7 +21,11 @@ const styles = StyleSheet.create({
backgroundColor: colors.light, backgroundColor: colors.light,
}, },
container: { 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 React, { useState } from "react";
import { FlatList, StyleSheet } from "react-native";
import { FlatList, StyleSheet, View, Text } from "react-native";
import Screen from "../components/Screen"; import Screen from "../components/Screen";
import { import {
@ -8,7 +8,10 @@ import {
ListItemSeparator, ListItemSeparator,
} from "../components/lists"; } from "../components/lists";
const initialMessages = [
import colors from "../config/colors";
import { AntDesign } from '@expo/vector-icons';
/*const initialMessages = [
{ {
id: 1, id: 1,
title: "Defesa Civil", 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.", "Enviado um aviso de alagamento na região de Pinheiros. Há possibilidade de alagamentos. Evite a região.",
image: require("../assets/defesa_civil.png"), image: require("../assets/defesa_civil.png"),
}, },
];
];*/
function MessagesScreen(props) { function MessagesScreen(props) {
const [messages, setMessages] = useState(initialMessages);
/*const [messages, setMessages] = useState(initialMessages);
const [refreshing, setRefreshing] = useState(false); const [refreshing, setRefreshing] = useState(false);
const handleDelete = (message) => { const handleDelete = (message) => {
setMessages(messages.filter((m) => m.id !== message.id)); setMessages(messages.filter((m) => m.id !== message.id));
};
}; */
return ( return (
<Screen>
{/*<Screen>
<FlatList <FlatList
data={messages} data={messages}
keyExtractor={(message) => message.id.toString()} 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> </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; export default MessagesScreen;

25
src/app/screens/OfficialMessagesScreen.js

@ -1,28 +1,31 @@
import React from "react"; import React from "react";
import { Image, StyleSheet, View } from "react-native";
import { StyleSheet, View, Text } from "react-native";
import colors from "../config/colors"; import colors from "../config/colors";
import Screen from "../components/Screen";
import { AntDesign } from '@expo/vector-icons';
function OfficialMessagesScreen(props) { function OfficialMessagesScreen(props) {
return ( return (
<Screen style={styles.screen}>
<View style={styles.container}> <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> </View>
</Screen>
); );
} }
const styles = StyleSheet.create({ const styles = StyleSheet.create({
screen: {
backgroundColor: colors.light,
},
container: { container: {
backgroundColor: colors.black,
flex: 1, flex: 1,
},
image: {
width: "100%",
height: "100%",
flexDirection: "column",
alignItems: "center",
justifyContent: "flex-start"
}, },
}); });

Loading…
Cancel
Save