fix chat typing issue

MobileApp/api/constants.js

 // export const BACKEND_URL = "http://192.168.8.103:8000"
 import { Platform } from 'react-native'
 
-export const BACKEND_ADDRESS = Platform.OS == 'web' ? "http://127.0.0.1:8000" : "https://cbc3-2401-dd00-10-20-7542-a875-30e7-8931.ap.ngrok.io"
+export const BACKEND_ADDRESS = Platform.OS == 'web' ? "http://127.0.0.1:8000" : "https://4c61-2401-dd00-10-20-7542-a875-30e7-8931.ap.ngrok.io"
 export const BACKEND_URL = `${BACKEND_ADDRESS}`
 

MobileApp/screens/TabOneScreen.jsx

 import React, { useEffect, useState } from 'react'
-import { FlatList, StyleSheet, TextInput, SectionList, Button, ActivityIndicator, View, Text } from 'react-native';
+import { FlatList, StyleSheet, TextInput, SectionList, Button, ActivityIndicator, View, Text, SafeAreaView } from 'react-native';
 import { AudioRecorder } from '../components/AudioRecorder';
 import _ from 'lodash'
 
+
 import EditScreenInfo from '../components/EditScreenInfo';
 // import { Text, View } from '../components/Themed';
 import { RootTabScreenProps } from '../types';
@@ -13,7 +14,7 @@ import { CONVO_DEFAULT_ICON_COLOR, styles } from '../util/styles';
 import { StatusBar } from 'expo-status-bar';
 import Slider from '@react-native-community/slider';
 import { PlayMessage } from '../components/PlayMessage';
-import { Toast } from 'native-base';
+import { Toast, Input } from 'native-base';
 import { ERROR_TOAST_PROPS } from '../util/util';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
@@ -237,12 +238,13 @@ export default function ChatScreen({ navigation }) {
         </View>
         <View style={{ flex: 0.075, padding: 0, backgroundColor: 'white' }}>
           <View style={{ flexDirection: 'row', display: 'flex', height: '100%' }}>
-            <View style={{ flex: 0.8, height: '100%', flexDirection: 'column-reverse' }}>
-              <TextInput
+            <SafeAreaView style={{ flex: 0.8, height: '100%', flexDirection: 'column-reverse' }}>
+              {/* <TextInput
                 style={{ borderWidth: 2, borderColor: 'gray', color: 'black', marginHorizontal: 5, paddingHorizontal: 10, borderRadius: 5 }}
                 defaultValue={input}
-                onChange={(e) => setInput(e.target.value)}></TextInput>
-            </View>
+                onChange={(e) => setInput(e.target.value)}></TextInput> */}
+                 <Input style={{}} value={input} w="100%"  onChangeText={setInput} placeholder="" />
+            </SafeAreaView>
             {input ?
               <View style={{ flex: 0.2, height: '100%', flexDirection: 'column-reverse' }}>
                 <Button style={{ width: '100%', height: '100%' }} title='Send' onPress={onSendPress} />