fix: avoid clicking behind dialogs

This commit is contained in:
Bettenbuk Zoltan 2019-07-10 14:39:05 +02:00 committed by Zoltan Bettenbuk
parent e7f9e8e7f7
commit 8dea3389ee
1 changed files with 20 additions and 18 deletions

View File

@ -4,6 +4,7 @@ import React from 'react';
import {
Text,
TouchableOpacity,
TouchableWithoutFeedback,
View
} from 'react-native';
@ -51,28 +52,29 @@ class BaseDialog<P: Props, S: State> extends AbstractDialog<P, S> {
const { _dialogStyles, style } = this.props;
return (
<View
pointerEvents = 'box-none'
style = { [
styles.overlay,
style
] }>
<TouchableWithoutFeedback>
<View
pointerEvents = 'box-none'
style = { [
_dialogStyles.dialog,
this.props.style
styles.overlay,
style
] }>
<TouchableOpacity
onPress = { this._onCancel }
style = { styles.closeWrapper }>
<Icon
name = 'close'
style = { _dialogStyles.closeStyle } />
</TouchableOpacity>
{ this._renderContent() }
<View
pointerEvents = 'box-none'
style = { [
_dialogStyles.dialog,
this.props.style
] }>
<TouchableOpacity
onPress = { this._onCancel }
style = { styles.closeWrapper }>
<Icon
name = 'close'
style = { _dialogStyles.closeStyle } />
</TouchableOpacity>
{ this._renderContent() }
</View>
</View>
</View>
</TouchableWithoutFeedback>
);
}