diff --git a/src/app/assets/diario_pluviometrico.png b/src/app/assets/diario_pluviometrico.png new file mode 100644 index 0000000..0b24898 Binary files /dev/null and b/src/app/assets/diario_pluviometrico.png differ diff --git a/src/app/assets/nivel_rio.png b/src/app/assets/nivel_rio.png new file mode 100644 index 0000000..70b16b1 Binary files /dev/null and b/src/app/assets/nivel_rio.png differ diff --git a/src/app/screens/SharingDataScreen.js b/src/app/screens/SharingDataScreen.js index f764b4d..664d58b 100644 --- a/src/app/screens/SharingDataScreen.js +++ b/src/app/screens/SharingDataScreen.js @@ -1,5 +1,5 @@ import React from "react"; -import { StyleSheet } from "react-native"; +import { StyleSheet, View } from "react-native"; import * as Yup from "yup"; import { @@ -12,98 +12,65 @@ import CategoryPickerItem from "../components/CategoryPickerItem"; import Screen from "../components/Screen"; import FormImagePicker from "../components/forms/FormImagePicker"; import useLocation from "../hooks/useLocation"; +import { Image, Text } from 'react-native'; +import { Ionicons } from '@expo/vector-icons'; +//1/3 +const styles = StyleSheet.create({ + container:{ + paddingTop:50, + }, + rainLogo: { + width: 110, + height:100, + margin:30, + }, + floodingLogo: { + width: 85, + height:85, + marginTop: 70, -const validationSchema = Yup.object().shape({ - title: Yup.string().required().min(1).label("Title"), - price: Yup.number().required().min(1).max(10000).label("Price"), - description: Yup.string().label("Description"), - category: Yup.object().required().nullable().label("Category"), - images: Yup.array().min(1, "Please select at least one image."), -}); - -const categories = [ - { - backgroundColor: "#2e53ff", - icon: "wave", - label: "Pontos de alagamento", - value: 1, - }, - { - backgroundColor: "#2e53ff", - icon: "weather-pouring", - label: "Chuva", - value: 2, - }, - { - backgroundColor: "#2e53ff", - icon: "waves", - label: "Diário do pluviômetro", - value: 3, - }, - { - backgroundColor: "#2e53ff", - icon: "waves", - label: "Diário do pluviômetro", - value: 3, - }, - { - backgroundColor: "#2e53ff", - icon: "water-percent", - label: "Nível do rio", - value: 4, - }, -]; - -function SharingDataScreen() { - const location = useLocation(); + }, +}) - return ( - -
console.log(location)} - validationSchema={validationSchema} - > - - - { + return( + + + Enviar uma informação + + + + + - + + Pontos de {"\n"}alagamento + Chuva + + + + - - - -
+ + + Diário do{"\n"}pluviômetro + Nível de água {"\n"}no rio + + ); } -const styles = StyleSheet.create({ - container: { - padding: 10, - }, -}); export default SharingDataScreen;