Multiline functionality

components/molecules/FormTextInput.js

@@ -5,7 +5,7 @@ import colors from '../../theme/colors';
 import fonts from '../../theme/fonts';
 
 const FormTextInput = props => {
-  const {title, placeholder, value, onChange } = props;
+  const {title, placeholder, value, onChangeText, multiline } = props;
 
   return (
     <View style={styles.inputContainer}>
@@ -24,6 +24,7 @@ const FormTextInput = props => {
           fontSize: fonts.getSize(11),
           paddingVertical: 2,
           paddingHorizontal: 4,
+          
         }}
         outlineStyle={{
           borderRadius: 4,
@@ -32,6 +33,7 @@ const FormTextInput = props => {
           fontFamily: fonts.type.regular,
           fontSize: fonts.getSize(14),
           color: colors.gray,
+          height: multiline ? 128 : 40
         }}
         left={() => (
           <IonIcon name="search-outline" size={24} color={colors.black} />
@@ -42,11 +44,10 @@ const FormTextInput = props => {
         outlineColor={colors.grayShade_300}
         cursorColor={colors.secondaryColor}
         selectionColor={colors.secondaryColor}
-        onChangeText={(text) => {
-         
-        }}
+        onChangeText={onChangeText}
         onSubmitEditing={null}
         value={value}
+        multiline={multiline}
       />
     </View>
   );