fix(dialog): fix on-screen keyboard overlapping dialog boxes

react/features/base/dialog/components/native/BaseDialog.js

 
 import React from 'react';
 import {
+    KeyboardAvoidingView,
     Text,
     TouchableOpacity,
     TouchableWithoutFeedback,
     type State
 } from '../AbstractDialog';
 import { brandedDialog as styles } from './styles';
+import { Platform } from '../../../react';
 
 export type Props = AbstractProps & {
 
 
         return (
             <TouchableWithoutFeedback>
-                <View
+                <KeyboardAvoidingView
+                    behavior = { Platform.OS === 'ios' ? 'padding' : 'height' }
                     style = { [
                         styles.overlay,
                         style
                         </TouchableOpacity>
                         { this._renderContent() }
                     </View>
-                </View>
+                </KeyboardAvoidingView>
             </TouchableWithoutFeedback>
         );
     }