diff --git a/components/common/app-text-input.js b/components/common/app-text-input.js index 843926651e381269648b28e89cb6f5863dfe8691..d0cbdbf066f9e0f22204665e2d42568e35e9db23 100644 --- a/components/common/app-text-input.js +++ b/components/common/app-text-input.js @@ -1,11 +1,18 @@ import React from 'react' -import { StyleSheet, TextInput } from 'react-native' +import { KeyboardAvoidingView, StyleSheet, TextInput } from 'react-native' import PropTypes from 'prop-types' import { Colors, Spacing, Typography } from '../../styles' const AppTextInput = ({ style, ...props }) => { - return <TextInput style={[styles.input, style]} {...props} /> + return ( + <KeyboardAvoidingView + behavior="padding" + keyboardVerticalOffset={250} + > + <TextInput style={[styles.input, style]} {...props} /> + </KeyboardAvoidingView> + ) } AppTextInput.propTypes = { diff --git a/components/cycle-day/symptom-edit-view.js b/components/cycle-day/symptom-edit-view.js index 500c07e2f77b304a3a1351fcaaa3c17f256089b7..b6e4195d312b2482934852bce8cf174b8a844ab5 100644 --- a/components/cycle-day/symptom-edit-view.js +++ b/components/cycle-day/symptom-edit-view.js @@ -215,10 +215,11 @@ class SymptomEditView extends Component { <AppText>{symtomPage[symptom].note}</AppText> <AppTextInput multiline={true} - placeholder={sharedLabels.enter} + numberOfLines={3} onChangeText={this.onEditNote} - value={noteText !== null ? noteText : ''} + placeholder={sharedLabels.enter} testID='noteInput' + value={noteText !== null ? noteText : ''} /> </Segment> }