Find out how to create a screen, edit a screen, change screens and add animations and transitions.
Your application is composed of screens. Most of the time a screen corresponds to a step in the user journey.
In this article
Create a screen
To create a new screen, click on the + button. The new screen is located after the selected screen. You can drag and drop it wherever you want.
Edit a screen
All objects on the screen are displayed in the Objects window. They are only loaded when the user is on this screen. If you want your object to be persistent, add it at the foreground or project level.
- Go to selected screen: select a screen from all the screens in your application.
- Previous / next screen: the notion of "previous" and "next" depends on the position of the screens in the list.
💡 Tip: If you want the entire screen to be clickable, we recommend that you place an Interactive zone component above your screen and create the action on this component.
When the user changes from one screen to another, there is no transition: all objects reload on display and a blank screen may appear. If you want to add a transition, you can use the foreground or create states.
💡 The number next to the screen name indicates the number of states it contains.