diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml index 10cf49c..03def83 100644 --- a/android/app/src/main/AndroidManifest.xml +++ b/android/app/src/main/AndroidManifest.xml @@ -33,7 +33,7 @@ android:label="@string/app_name" android:configChanges="keyboard|keyboardHidden|orientation|screenSize|uiMode" android:launchMode="singleTask" - android:windowSoftInputMode="adjustResize" + android:windowSoftInputMode="adjustPan" android:screenOrientation="sensorPortrait"> diff --git a/components/common/app-text-input.js b/components/common/app-text-input.js index fef29d5..ccede1d 100644 --- a/components/common/app-text-input.js +++ b/components/common/app-text-input.js @@ -1,30 +1,15 @@ import React from 'react' -import { KeyboardAvoidingView, StyleSheet, TextInput } from 'react-native' +import { StyleSheet, TextInput } from 'react-native' import PropTypes from 'prop-types' import { Colors, Spacing, Typography } from '../../styles' -const AppTextInput = ({ style, isKeyboardOffset, ...props }) => { - const behavior = isKeyboardOffset ? 'padding' : 'height' - const keyboardVerticalOffset = isKeyboardOffset ? 300 : 0 - - return ( - - - - ) -} +const AppTextInput = ({ style, ...props }) => ( + +) AppTextInput.propTypes = { style: PropTypes.object, - isKeyboardOffset: PropTypes.bool, -} - -AppTextInput.defultProps = { - isKeyboardOffset: true, } const styles = StyleSheet.create({ diff --git a/components/cycle-day/symptom-edit-view.js b/components/cycle-day/symptom-edit-view.js index 5af0ae8..d487054 100644 --- a/components/cycle-day/symptom-edit-view.js +++ b/components/cycle-day/symptom-edit-view.js @@ -109,6 +109,13 @@ const SymptomEditView = ({ date, onClose, symptom, symptomData }) => { } const iconName = shouldShowInfo ? 'chevron-up' : 'chevron-down' const noteText = symptom === 'note' ? data.value : data.note + const inputProps = { + multiline: true, + numberOfLines: 3, + scrollEnabled: false, + style: styles.input, + textAlignVertical: 'top', + } return ( @@ -157,7 +164,7 @@ const SymptomEditView = ({ date, onClose, symptom, symptomData }) => { /> {isOtherSelected && ( onSelectBoxNote(value)} @@ -179,8 +186,7 @@ const SymptomEditView = ({ date, onClose, symptom, symptomData }) => { {symtomPage[symptom].note} { <>
- - - - - + + + + + + + ) diff --git a/components/settings/common/confirm-with-password.js b/components/settings/common/confirm-with-password.js index ee3bb81..4462937 100644 --- a/components/settings/common/confirm-with-password.js +++ b/components/settings/common/confirm-with-password.js @@ -1,6 +1,6 @@ import React, { useState, useEffect } from 'react' import PropTypes from 'prop-types' -import { Alert, StyleSheet, View } from 'react-native' +import { Alert, KeyboardAvoidingView, StyleSheet, View } from 'react-native' import nodejs from 'nodejs-mobile-react-native' import AppTextInput from '../../common/app-text-input' @@ -53,7 +53,7 @@ const ConfirmWithPassword = ({ onSuccess, onCancel }) => { const isPassword = password !== null return ( - <> + { {shared.confirmToProceed} - + ) } diff --git a/components/settings/password/enter-new-password.js b/components/settings/password/enter-new-password.js index 7f42169..4855350 100644 --- a/components/settings/password/enter-new-password.js +++ b/components/settings/password/enter-new-password.js @@ -1,5 +1,5 @@ import React, { useState, useEffect } from 'react' -import { StyleSheet } from 'react-native' +import { KeyboardAvoidingView, StyleSheet } from 'react-native' import nodejs from 'nodejs-mobile-react-native' import PropTypes from 'prop-types' @@ -41,9 +41,8 @@ const EnterNewPassword = ({ changeEncryptionAndRestart }) => { const isButtonActive = password.length > 0 && passwordConfirmation.length > 0 return ( - <> + { secureTextEntry={true} /> { > {labels.savePassword} - + ) }