diff --git a/src/app/components/SchoolPicker.js b/src/app/components/SchoolPicker.js new file mode 100644 index 0000000..9f02085 --- /dev/null +++ b/src/app/components/SchoolPicker.js @@ -0,0 +1,126 @@ +import React, { useContext, useState, Component, Fragment } from "react"; +import { StyleSheet, Text, View, PixelRatio, Picker } from "react-native"; + +import { MaterialIcons } from "@expo/vector-icons"; +import { FontAwesome5 } from '@expo/vector-icons'; +import colors from "../config/colors"; +import { dimensions } from "../config/dimensions"; +import Screen from "./Screen"; +import SearchableDropdown from 'react-native-searchable-dropdown'; + +const items = [ + { + id: 1, + name: 'JavaScript', + }, + { + id: 2, + name: 'Java', + }, + { + id: 3, + name: 'Ruby', + }, + { + id: 4, + name: 'React Native', + }, + { + id: 5, + name: 'PHP', + }, + { + id: 6, + name: 'Python', + }, +]; + +function SchoolPicker() { + const [selectedItems, setSelectedItems] = useState(null); + console.log(selectedItems); + + + return ( + + + + + + + + { + setSelectedItems(item) + }} + containerStyle={{ padding: 5 }} + itemStyle={{ + padding: 10, + marginTop: 2, + backgroundColor: '#ddd', + borderColor: '#bbb', + borderWidth: 1, + borderRadius: 5, + }} itemTextStyle={{ color: '#222' }} + items={items} + chip={true} + resetValue={false} + textInputProps={ + { + placeholder: "Escola onde você estuda...", + underlineColorAndroid: "transparent", + style: { + padding: 12, + borderWidth: 1, + borderColor: '#ccc', + borderRadius: 5, + }, + onTextChange: text => console.log(text) + } + } + listProps={ + { + nestedScrollEnabled: false, + + } + } + /> + + + + + + ); +} + +const styles = StyleSheet.create({ + location: { + //flex: 1, + width: "100%", + flexDirection: "row", + alignItems: "flex-start", + justifyContent: "space-between", + // backgroundColor: colors.secondary, + }, + adressText: { + flex: 0.90, + paddingLeft: 5, + }, + mapIcon: { + backgroundColor: colors.primary, + padding: 8, + width: 20, + alignItems: "center", + borderRadius: 5, + flex: 0.10, + }, +}); + +export default SchoolPicker; diff --git a/src/app/screens/PluviometerRegisterScreen.js b/src/app/screens/PluviometerRegisterScreen.js new file mode 100644 index 0000000..ef05e92 --- /dev/null +++ b/src/app/screens/PluviometerRegisterScreen.js @@ -0,0 +1,123 @@ +import React, { useState, useContext, useEffect } from "react"; +import { StyleSheet, Text, View, ScrollView, PixelRatio, SafeAreaView } from "react-native"; +import * as Yup from "yup"; +import { + Form, + FormField, + FormPicker as Picker, + SubmitButton, +} from "../components/forms"; +import Screen from "../components/Screen"; +import useLocation from "../hooks/useLocation"; +import FormImagePicker from "../components/forms/FormImagePicker"; +import { insertPluviometerData } from "../database/databaseLoader"; +import { showMessage } from "react-native-flash-message"; +import { dimensions, scaleDimsFromWidth } from "../config/dimensions"; +import FormDatePicker from "../components/forms/FormDatePicker"; +import colors from "../config/colors/"; +import moment from "moment"; +import FormLocationPicker from "../components/forms/FormLocationPicker"; +import { TouchableOpacity } from "react-native-gesture-handler"; +import { EventLocationContext } from "../context/EventLocationContext"; +import SchoolPicker from "../components/SchoolPicker"; + + +const dims = scaleDimsFromWidth(85, 85, 25); + +function PluviometerRegisterScreen(props) { + const context = useContext(EventLocationContext); + + const amount = 2; + + useEffect(() => { + context.defaultLocation(); + }, []); + const location = context.eventCoordinates; + const address = context.eventLocation; + + const [dateTime, setDateTime] = useState(moment()); + const [time, setTime] = useState(moment()); + + return ( + +
+ + + + + Cadastro do Pluviômetro + + {/*Data da coleta:*/} + + + Data do cadastro: + + setDateTime(value)} + onTimeChange={(value) => setTime(value)} + /> + + {/*Local do evento:*/} + + + Endereço do pluviômetro: + props.navigation.navigate("FormMap")} + > + + + + + + Escola: + + + + + +
+
+ ); +} + +const styles = StyleSheet.create({ + container: { + padding: 10, + flex: 1, + }, + image: { + width: dims.width * 0.8, + height: dims.height * 0.8, + justifyContent: "center", + alignItems: "center", + }, + label: { + fontSize: dimensions.text.secondary, + fontWeight: "bold", + textAlign: "left", + color: colors.lightBlue, + }, + title: { + fontSize: 20, + fontWeight: "bold", + textAlign: "center", + color: colors.primary, + }, +}); + +export default PluviometerRegisterScreen; diff --git a/src/app/screens/RegisterScreen.js b/src/app/screens/RegisterScreen.js index 503d9c5..32002ff 100644 --- a/src/app/screens/RegisterScreen.js +++ b/src/app/screens/RegisterScreen.js @@ -40,7 +40,6 @@ export default function RegisterScreen(props) { const comparePassword = (password, confirmPassword) => { if (password !== confirmPassword) { setSingUpFailed(true); - console.log("Senhas Diferentes"); } else { setSingUpFailed(false); } @@ -85,12 +84,12 @@ export default function RegisterScreen(props) { /> - Número de telefone: + Número do telefone: @@ -99,7 +98,7 @@ export default function RegisterScreen(props) { maxLength={12} name="password" numberOfLines={1} - placeholder="Nome Completo" + placeholder="Senha" /> @@ -108,7 +107,7 @@ export default function RegisterScreen(props) { maxLength={12} name="confirmPassword" numberOfLines={1} - placeholder="Nome Completo" + placeholder="Repetir a senha" />