Hiding the top navigation bar when opening the Navigation Drawer from React Native

27 Views Asked by At

I am building a React Native app in Expo, I want to make it so that when the user opens the navigation drawer it looks like this (without the navigation bar in the top/it being transparent): enter image description here

However, when transforming the app to .apk with eas-cli, and downloading in the same device I tested before, the drawer looks like this when the user opens it: enter image description here

These are the screen options I used for my React Native Drawer navigation:

   screenOptions={{
      drawerStyle: {
        backgroundColor: COLORS.secondary,
        width: 250,
      },
      headerTintColor: COLORS.text,
      drawerLabelStyle: {
        color: COLORS.text,
      },
      headerStyle:{ backgroundColor: COLORS.primary },
      headerTitleStyle: { fontFamily: FONT.regular, height: 30, letterSpacing: 2 },
      
    }}

It seems to work correctly when running npm start and scanning the QR Code from the Expo app in my phone, this issue appears only when downloading the apk from eas-cli.

0

There are 0 best solutions below