feat(chat) keyboard covering input on android fix

react/features/base/modal/components/JitsiKeyboardAvoidingView.js

@@ -4,7 +4,8 @@ import { useHeaderHeight } from '@react-navigation/stack';
 import React, { useEffect, useState } from 'react';
 import {
     KeyboardAvoidingView,
-    Platform
+    Platform,
+    StatusBar
 } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
@@ -22,6 +23,11 @@ type Props = {
      */
     contentContainerStyle?: StyleType,
 
+    /**
+     * Is a text input rendered at the bottom of the screen?
+     */
+    hasBottomTextInput: boolean,
+
     /**
      * Is the screen rendering a tab navigator?
      */
@@ -38,6 +44,7 @@ const JitsiKeyboardAvoidingView = (
             children,
             contentContainerStyle,
             hasTabNavigator,
+            hasBottomTextInput,
             style
         }: Props) => {
     const headerHeight = useHeaderHeight();
@@ -54,8 +61,10 @@ const JitsiKeyboardAvoidingView = (
     const tabNavigatorPadding
         = hasTabNavigator ? headerHeight : 0;
     const noNotchDevicePadding = bottomPadding || 10;
-    const iosVerticalOffset = headerHeight + noNotchDevicePadding + tabNavigatorPadding;
-    const androidVerticalOffset = headerHeight;
+    const iosVerticalOffset
+        = headerHeight + noNotchDevicePadding + tabNavigatorPadding;
+    const androidVerticalOffset = hasBottomTextInput
+        ? headerHeight + StatusBar.currentHeight : headerHeight;
 
     return (
         <KeyboardAvoidingView

react/features/base/modal/components/JitsiScreen.js

@@ -27,6 +27,11 @@ type Props = {
      */
     footerComponent?: Function,
 
+    /**
+     * Is a text input rendered at the bottom of the screen?
+     */
+    hasBottomTextInput?: boolean,
+
     /**
      * Is the screen rendering a tab navigator?
      */
@@ -43,12 +48,14 @@ const JitsiScreen = ({
     children,
     footerComponent,
     hasTabNavigator = false,
+    hasBottomTextInput = false,
     style
 }: Props) => (
     <View
         style = { styles.jitsiScreenContainer }>
         <JitsiKeyboardAvoidingView
             contentContainerStyle = { contentContainerStyle }
+            hasBottomTextInput = { hasBottomTextInput }
             hasTabNavigator = { hasTabNavigator }
             style = { style }>
             <SafeAreaView

react/features/chat/components/native/Chat.js

@@ -53,6 +53,7 @@ class Chat extends AbstractChat<Props> {
 
         return (
             <JitsiScreen
+                hasBottomTextInput = { true }
                 hasTabNavigator = { true }
                 style = { styles.chatContainer }>
                 <MessageContainer messages = { _messages } />