adding warning messages to register screen

src/app/screens/RegisterScreen.js

@@ -407,7 +407,6 @@ export default function RegisterScreen(props) {
               "As senhas não correspondem"
             );
             scroll.scrollTo({ x: 0, y: 0, animated: true });
-
           } else {
             fieldsAreNotInUse(form, actions).then((isNotUsed) => {
               if (isNotUsed) {
@@ -465,7 +464,8 @@ export default function RegisterScreen(props) {
               />
             </View>
             <Text style={styles.labelStyle}>Senha:*</Text>
-            <View style={styles.iconField}>
+            <View style={{ flexDirection: "column", flex: 1 }}>
+              <View style={{ ...styles.iconField, marginBottom: 12 }}>
                 <MaterialCommunityIconsCustom name="lock" />
                 <PasswordFormField
                   flex={1}
@@ -475,8 +475,13 @@ export default function RegisterScreen(props) {
                   paddingRight={2}
                 />
               </View>
+              <Text style={styles.warningText}>
+                A senha deve conter entre 8 e 20 caracteres
+              </Text>
+            </View>
             <Text style={styles.labelStyle}>Confirmar senha:*</Text>
-            <View style={styles.iconField}>
+            <View style={{ flexDirection: "column", flex: 1 }}>
+              <View style={{ ...styles.iconField, marginBottom: 12 }}>
                 <MaterialCommunityIconsCustom name="lock" />
                 <PasswordFormField
                   flex={1}
@@ -486,6 +491,10 @@ export default function RegisterScreen(props) {
                   paddingRight={2}
                 />
               </View>
+              <Text style={styles.warningText}>
+                A senha deve conter entre 8 e 20 caracteres
+              </Text>
+            </View>
             <Text style={styles.labelStyle}>Data de nascimento:</Text>
             <View style={styles.iconField}>
               <MaterialCommunityIconsCustom name="calendar-today" />
@@ -516,10 +525,13 @@ export default function RegisterScreen(props) {
               <InstitutionPicker name="institution" />
             </View>
             <Text style={styles.labelStyle}>Nome da instituição</Text>
-            <View style={styles.iconField}>
+            <View style={{ flexDirection: "column", flex: 1 }}>
+              <View style={{...styles.iconField, marginBottom:12}}>
                 <MaterialCommunityIconsCustom name="bank" />
                 <InstitutionNamePicker name="institutionName" />
               </View>
+              <Text style={styles.warningText}>O nome da instituição é fornecido pelo Cemaden Educação</Text>
+            </View>
             <Text style={styles.labelStyle}>Vínculo institucional:</Text>
             <View style={[styles.iconField]}>
               <MaterialCommunityIconsCustom name="bank" />
@@ -614,4 +626,10 @@ const styles = StyleSheet.create({
   dateInput: {
     paddingLeft: 16,
   },
+  warningText: {
+    color: colors.primary,
+    fontSize: dimensions.text.primary,
+    textAlign: "left",
+    marginBottom: 24,
+  },
 });