From d9995cd016d540c54fa10ed0eed38e247c19e4bf Mon Sep 17 00:00:00 2001
From: Shravya Ramesh <37447613+shravyaramesh@users.noreply.github.com>
Date: Wed, 4 Nov 2020 08:26:14 -0800
Subject: [TMA-328] Enable keyboard avoiding view captions comments (#93)

* resizes non square images to be displayed without being cropped

* Enabled keyboard avoiding view on caption screen and comments screen

* Delete TaggPost.tsx

* Delete TwitterTaggPost.tsx

* removed unnecessarilyy deleted files

Co-authored-by: Husam Salhab <47015061+hsalhab@users.noreply.github.com>
---
 src/components/comments/AddComment.tsx | 50 ++++++++++++++++++++--------------
 1 file changed, 30 insertions(+), 20 deletions(-)

(limited to 'src/components/comments/AddComment.tsx')

diff --git a/src/components/comments/AddComment.tsx b/src/components/comments/AddComment.tsx
index 65c0b066..ac1628da 100644
--- a/src/components/comments/AddComment.tsx
+++ b/src/components/comments/AddComment.tsx
@@ -1,5 +1,11 @@
 import * as React from 'react';
-import {Image, StyleSheet, TextInput, View} from 'react-native';
+import {
+  Image,
+  KeyboardAvoidingView,
+  Platform,
+  StyleSheet,
+  View,
+} from 'react-native';
 import AsyncStorage from '@react-native-community/async-storage';
 import {AuthContext} from '../../routes';
 import {TaggBigInput} from '../onboarding';
@@ -58,25 +64,29 @@ const AddComment: React.FC<AddCommentProps> = ({
   };
 
   return (
-    <View style={styles.container}>
-      <Image
-        style={styles.avatar}
-        source={
-          avatar
-            ? {uri: avatar}
-            : require('../../assets/images/avatar-placeholder.png')
-        }
-      />
-      <TaggBigInput
-        style={styles.text}
-        multiline
-        placeholder="Add a comment....."
-        placeholderTextColor="gray"
-        onChangeText={handleCommentUpdate}
-        onSubmitEditing={postComment}
-        value={comment}
-      />
-    </View>
+    <KeyboardAvoidingView
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      keyboardVerticalOffset={130}>
+      <View style={styles.container}>
+        <Image
+          style={styles.avatar}
+          source={
+            avatar
+              ? {uri: avatar}
+              : require('../../assets/images/avatar-placeholder.png')
+          }
+        />
+        <TaggBigInput
+          style={styles.text}
+          multiline
+          placeholder="Add a comment....."
+          placeholderTextColor="gray"
+          onChangeText={handleCommentUpdate}
+          onSubmitEditing={postComment}
+          value={comment}
+        />
+      </View>
+    </KeyboardAvoidingView>
   );
 };
 const styles = StyleSheet.create({
-- 
cgit v1.2.3-70-g09d2

