Fixed ActionSheetCustom’s bottom inset for iPhone X layout

Closes #5
alessiocancian · Mar 16, 2021 · 2d215fb · 2d215fb
1 parent e6233d1
commit 2d215fb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/lib/ActionSheetCustom.js b/lib/ActionSheetCustom.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Text, View, Dimensions, Modal, TouchableHighlight, Animated, ScrollView, Easing } from 'react-native'
+import { Text, View, Dimensions, Modal, TouchableHighlight, Animated, ScrollView, Easing, SafeAreaView } from 'react-native'
 import * as utils from './utils'
 import styles2 from './styles'
 
@@ -153,7 +153,7 @@ class ActionSheet extends React.Component {
         transparent
         onRequestClose={this._cancel}
       >
-        <View style={[styles.wrapper]}>
+        <SafeAreaView style={[styles.wrapper]}>
           <Text
             style={[styles.overlay]}
             onPress={this._cancel}
@@ -169,7 +169,7 @@ class ActionSheet extends React.Component {
             <ScrollView scrollEnabled={scrollEnabled}>{this._renderOptions()}</ScrollView>
             {this._renderCancelButton()}
           </Animated.View>
-        </View>
+        </SafeAreaView>
       </Modal>
     )
   }

diff --git a/lib/styles.js b/lib/styles.js
@@ -5,7 +5,7 @@ export default {
     position: 'absolute',
     top: 0,
     right: 0,
-    bottom: 0,
+    bottom: 50,
     left: 0,
     opacity: 0.4,
     backgroundColor: '#000'