The changes made in the Stack Navigator's config panel will apply to all screens within the navigator
If you need to change the configuration of individual screens, check out the
Screen Override section toward the bottom of the page.
A header will be fixed to the top of the phone screen while navigating through each Screen in the stack. The title will change fade in while navigating (Commonly used in iOS).
Each Screen in the stack has its own header attached to it and the entire header will move as you navigate (Commonly used in Android).
No header will appear. (Selecting this option will hide the Header Styling panel in the Config Panel)
You can also hide the header on individual screens instead of hiding the header in the entire stack navigator
In the Navigation menu, click on an individual Screen and a 'Hide header bar' checkbox will appear on the right hand side.
The Screen title will be positioned in the middle of the header (iOS default).
The Screen title will be positioned towards the left, close to the back button (Android default). On iOS, the title of the Back button is hidden.
Set the color of the Header title.
Set the style of the Header title. You can use your own font or one we provide. You can further customize this text by setting the Size, Spacing and Line Height (in px).
Set the color of the Header bar
Choose the icon(s) to be displayed on the left/right of the header.
If you set a Left header icon, it will be an icon button replacing the default "Back" button
Uses the native screen transition animations
iOS only. When selected, screens will slide in from the bottom on transition.
Updated 4 months ago