You can add any type of content to your screen. All the objects you have inserted in your screen are displayed in the Objects window at the bottom left.
There is no limit in terms of the number of screens for your project.
⚠️ Be careful not to confuse screen and state: a screen is a page, while a state is a particular layout of that page. States are mainly used to create animations with transitions.
Create new screen
To add a new screen, click on the + ADD SCREEN button. If you select the state, this button becomes + ADD STATE ... to add a new state.
💡 Tip: The number next the screen's name indicate the number of state in this screen. You can click on the screen's name to change it (on state's name too) - very useful to find your way in your project.
Create a change of screen
- Go to selected screen: select a screen from all the screens in your application. You can specify a status of this screen and add a delay.
- Go to the previous / next screen: the notion of "previous" and "next" depends on the position of the screens in the list. You can add a delay, an interval (for example, go from 2 to 2) or activate the loop mode.
💡 Tip: if you want the entire screen to be interactive, we recommend that you place an Interactive Zone component above your screen and create the action on this component.
To rename a screen, double-click on its name in the Screens window.
Create a state