diff --git a/src/app/assets/pluviometro.png b/src/app/assets/pluviometro.png
new file mode 100644
index 0000000..70ff542
Binary files /dev/null and b/src/app/assets/pluviometro.png differ
diff --git a/src/app/navigation/RainSharingDataNavigator.js b/src/app/navigation/RainSharingDataNavigator.js
index 618e5cb..340e2f0 100644
--- a/src/app/navigation/RainSharingDataNavigator.js
+++ b/src/app/navigation/RainSharingDataNavigator.js
@@ -8,14 +8,11 @@ import SharingDataScreen from '../screens/SharingDataScreen';
const Stack = createStackNavigator();
-function RainSharingDataNavigator(){
- return(
-
-
-
-
-
-
+function RainSharingDataNavigator() {
+ return (
+
+
+
);
}
export default RainSharingDataNavigator;
\ No newline at end of file
diff --git a/src/app/screens/SharingDataScreen.js b/src/app/screens/SharingDataScreen.js
index 5f8d42f..5229375 100644
--- a/src/app/screens/SharingDataScreen.js
+++ b/src/app/screens/SharingDataScreen.js
@@ -1,85 +1,82 @@
import React from "react";
import { StyleSheet, View } from "react-native";
-import * as Yup from "yup";
-import {
- Form,
- FormField,
- FormPicker as Picker,
- SubmitButton,
-} from "../components/forms";
-import CategoryPickerItem from "../components/CategoryPickerItem";
-import Screen from "../components/Screen";
-import FormImagePicker from "../components/forms/FormImagePicker";
-import useLocation from "../hooks/useLocation";
-import { Image, Text, TouchableOpacity} from 'react-native';
+import { Image, Text, TouchableOpacity } from 'react-native';
+import { createStackNavigator } from "@react-navigation/stack";
+import RainSharingDataScreen from '../screens/RainSharingDataScreen';
+
//1/3
const styles = StyleSheet.create({
- container:{
- paddingTop:50,
+ container: {
+ paddingTop: 50,
},
rainLogo: {
width: 110,
- height:100,
- margin:30,
+ height: 100,
+ margin: 30,
},
floodingLogo: {
width: 85,
- height:85,
+ height: 85,
marginTop: 70,
},
})
-class SharingDataScreen extends React.Component {
- static navigationOptions = {
- title: "SharingDataScreen",
- headerStyle: {
- backgroundColor: "#73C6B6"
- }
- };
- render() {
- return(
-
-
+function SharingDataScreen({ navigation }) {
+ return (
+
+
Enviar uma informação
-
-
+
+
-
-
-
- this.props.navigation.navigate("RainSharingData")}>
-
+
+
+ Pontos de {"\n"}alagamento
+
+
+ navigation.navigate('RainSharingData')}>
+
+ Chuva
-
- Pontos de {"\n"}alagamento
- Chuva
-
-
-
-
-
-
- Diário do{"\n"}pluviômetro
- Nível de água {"\n"}no rio
+
+
+
+
+ Diário do{"\n"}pluviômetro
+
+
+
+
+ Nível de água {"\n"}no rio
+
);
}
+const Stack = createStackNavigator();
+
+function RainSharingDataNavigator() {
+ return (
+
+
+
+
+ );
}
-export default SharingDataScreen;
+export default RainSharingDataNavigator;