pluviometer register screen: adding scrollview

src/app/components/SchoolPicker.js

@@ -1,13 +1,9 @@
-import React, { useContext, useState, Component, Fragment } from "react";
-import { StyleSheet, Text, View, PixelRatio, Picker, KeyboardAvoidingView } from "react-native";
+import React, { useState,  Fragment } from "react";
+import { StyleSheet, View } 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';
-import { KeyboardAwareFlatList, KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
 const items = [
     //substituir posteriormente pelas escolas
@@ -77,7 +73,7 @@ function SchoolPicker(props) {
                                 borderRadius: 6,
                                 width: "100%",                                
                             }} itemTextStyle={{ color: '#222' }}
-                            itemsContainerStyle={{ maxHeight: "80%" }}
+                            itemsContainerStyle={{ maxHeight: "100%" }}
                             items={items}
                             chip={true}
                             resetValue={false}

src/app/screens/PluviometerRegisterScreen.js

@@ -3,24 +3,17 @@ import { StyleSheet, Text, View, ScrollView, PixelRatio, SafeAreaView, KeyboardA
 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 { TextInput, TouchableOpacity } from "react-native-gesture-handler";
 import { EventLocationContext } from "../context/EventLocationContext";
 import SchoolPicker from "../components/SchoolPicker";
-import { KeyboardAwareFlatList, KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 
 
 
@@ -59,29 +52,33 @@ function PluviometerRegisterScreen(props) {
                 <View
                     style={{
                         flexDirection: "column",
-                        justifyContent: "space-between",
                         alignContent: "flex-start",
-                        flex: 0.9,
+                        justifyContent: "space-evenly",
+                        flex: 1
                     }}
                 >
-                    <View style={{ flex: 0.8 }}>
+                    <View style={{ flex: 0.10 }}>
                         <Text style={styles.title}>Cadastro do Pluviômetro</Text>
                     </View>
-                    <View style={{ flex: 2 }}>
+                    <View style={{ flex: 0.30 }}>
                         <Text style={styles.label}>Escola: </Text>
                         <SchoolPicker
                             itemSelected={(value) => setSchool(value)} />
                     </View>
+                    <View style={{
+                        flex: 0.60, flexDirection: "column",
+                        justifyContent: "space-between"
+                    }}>
+                        <ScrollView>
 
-                    <View style={{ flex: 2 }}>
                             {/*Local do evento:*/}
+                            <View style={{ flex: 1 }}>
                                 <Text style={styles.label}>Endereço do pluviômetro: </Text>
-                        <ScrollView>
                                 <FormLocationPicker subtitle="Defina o endereço do pluviômetro" />
-                        </ScrollView>
                             </View>
+
                             {/*Data da coleta:*/}
-                    <View style={{ flex: 2 }}>
+                            <View style={{ flex: 1 }}>
                                 <Text style={{
                                     fontSize: dimensions.text.secondary,
                                     fontWeight: "bold",
@@ -100,8 +97,13 @@ function PluviometerRegisterScreen(props) {
                                     onTimeChange={(value) => setTime(value)}
                                 />
                             </View>
+
+                            <View style={{ flex: 0.10, marginTop:15 }}>
+                                <SubmitButton title="Cadastrar" alignContent="flex-end" />
+                            </View>
+                        </ScrollView>
+                    </View>
                 </View>
-                <SubmitButton title="Cadastrar" style={{ marginBottom: 100 }} />
             </Form>
         </Screen>
     );