Android does not overlap the navigation bar

[sbalcin]

Hi, is there any way to remove navigation bar on bottom sheet on Android or changing color of it, where is the theme coming from, how can i override it? By the way it's already overlapping on IOS.

[jonxssc]

+1 i would also like to know that, i have only found how to change the color of the navigationbar but not how to make it transparent, i tried this using react-native-navigation but somehow the Actionsheet overrides it to a color <Stack.Navigator screenOptions={{navigationBarColor:'transparent'}}>

[IhorReactNative]

I had same issue too:

Fixed via patch-package

diff --git a/node_modules/react-native-actions-sheet/dist/src/styles.js b/node_modules/react-native-actions-sheet/dist/src/styles.js
index 41d60b0..685271f 100644
--- a/node_modules/react-native-actions-sheet/dist/src/styles.js
+++ b/node_modules/react-native-actions-sheet/dist/src/styles.js
@@ -19,8 +19,7 @@ export var styles = StyleSheet.create({
         alignSelf: "center"
     },
     parentContainer: {
-        width: "100%",
-        height: "100%",
+        flex: 1,
         justifyContent: "center",
         alignItems: "center"
     }

Result:

[jonxssc]

Different approche is to just set isModal={false}, thats how i "fixed" it.

[ammarahm-ed]

I will add this to docs later but you can fix that on android using this, on iOS it's already correct I think. https://stackoverflow.com/questions/74256638/react-native-modal-bypasses-expo-navigation-bar-setting