Stack Navigator


Stack Navigator Properties
Set Your Screen Transitions
To enable a Stack transition, you will have to add a Screen navigation block like the one below. You can find the Screen navigation block in the pre-built Control category:

Screens can Stack from left to right or from top to bottom. You can set the transition style with the Stack property below:
Mode
Define how your screens will stack.
Select from list:
card
- stacks screens from left to right
modal
- stacks screens from top to bottom
It is not possible to use blocks to navigate from a screen outside of your Stack Navigator to a screen inside your Stack Navigator
Hide Your Header
It is possible to hide the Header bar and maintain the Stacking transition by using the Stack property below. Hiding the Header bar will also hide the back button that makes it easier to transition to your original screen
HeaderMode
Define how the header appears in your app.
Select from list:
float
- header floats at the top of the screen and the app content scrolls underneath the header
screen
- header scrolls with the page
none
- hide header
Last updated
Was this helpful?