I’m trying to create an app using React Native and right now I’m getting the problem referenced in the title whenever I try to sign in. This in the screen SignIn.js:

I have some navigators set up like this:

How do you remove the horizontal padding in the header provided by createNativeStackNavigator()
I’ve tried setting the screenOptions -> headerStyle property at the .Navigator level, and the options -> headerStyle at the .Screen level.

How do you remove the horizontal padding in the header provided by createNativeStackNavigator()
I’ve tried setting the screenOptions -> headerStyle property at the .Navigator level, and the options -> headerStyle at the .Screen level.

I want to add padding between stack.screen elements on the screen so that they are easier to select. Can padding be added somehow? My code sinpet is bellow

In my react native application, I am using react navigation to handle my routing and gorhom’s bottom sheet to handle bottom sheet interactions. This is how I currently have them setup.

For context, my main App.tsx hosts a tab navigator which can route to the ‘Groups’ component, part of which is shown in the code block. I am attempting to navigate to a component that should be available from anywhere, ‘Settings’, via navigation.navigate.

I have Navigation history like this :

I have Navigation structure like this

When I try and pass parameters into another screen with react navigation, the second screen will get give “cannot read property ‘params’ of undefined”. I am using react tabs navigation and my code is based on https://github.com/expo/expo/tree/main/templates/expo-template-tabs.