fix: wrap modal children in SafeAreaView

This commit is contained in:
Luke Walczak
2019-07-17 14:12:22 +02:00
committed by Wojtek Szafraniec
parent 16fe177e2a
commit e034b69ba5

View File

@@ -6,9 +6,9 @@ import {
StyleProp,
StyleSheet,
TouchableWithoutFeedback,
View,
ViewStyle,
} from 'react-native';
import SafeAreaView from 'react-native-safe-area-view';
import Surface from './Surface';
import { withTheme } from '../core/theming';
import { Theme } from '../types';
@@ -195,7 +195,7 @@ class Modal extends React.Component<Props, State> {
]}
/>
</TouchableWithoutFeedback>
<View pointerEvents="box-none" style={styles.wrapper}>
<SafeAreaView style={styles.wrapper}>
<Surface
style={
[
@@ -207,7 +207,7 @@ class Modal extends React.Component<Props, State> {
>
{children}
</Surface>
</View>
</SafeAreaView>
</Animated.View>
);
}