From c00e3f2befd3fdc4d9bdbe4d3aa6a7fd21bde6b7 Mon Sep 17 00:00:00 2001
From: mashazyu <mariya.z@gmail.com>
Date: Sun, 13 Dec 2020 17:03:49 +0100
Subject: [PATCH] Adds padding between keyboard and text input

---
 components/common/app-text-input.js       | 11 +++++++++--
 components/cycle-day/symptom-edit-view.js |  5 +++--
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/common/app-text-input.js b/components/common/app-text-input.js
index 8439266..d0cbdbf 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 500c07e..b6e4195 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>
           }