haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

This commit is contained in:
Jonathan Scholz 2020-04-19 16:33:23 +02:00 committed by Saúl Ibarra Corretgé
parent 8b454b5196
commit 39853e048b
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
react/features/base/dialog/components/native/BaseDialog.js
View File

@ -2,6 +2,7 @@
import React from 'react';
import {
KeyboardAvoidingView,
Text,
TouchableOpacity,
TouchableWithoutFeedback,
@ -16,6 +17,7 @@ import AbstractDialog, {
type State
} from '../AbstractDialog';
import { brandedDialog as styles } from './styles';
import { Platform } from '../../../react';
export type Props = AbstractProps & {
@ -53,7 +55,8 @@ class BaseDialog<P: Props, S: State> extends AbstractDialog<P, S> {
return (
<TouchableWithoutFeedback>
<View
<KeyboardAvoidingView
behavior = { Platform.OS === 'ios' ? 'padding' : 'height' }
style = { [
styles.overlay,
style
@ -73,7 +76,7 @@ class BaseDialog<P: Props, S: State> extends AbstractDialog<P, S> {
</TouchableOpacity>
{ this._renderContent() }
</View>
</View>
</KeyboardAvoidingView>
</TouchableWithoutFeedback>
);
}