Stack Navigator
.png?alt=media&token=bb075e0d-c0cf-48cb-885d-855a93954729)
.png?alt=media&token=4b122b88-4810-4189-8f26-8f0010158b9b)
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
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 |
Last modified 7mo ago