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:

Property	Description	Data Type
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

Property	Description	Data Type
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