Skip to main content

Screens

Each screen represents a distinct view or page in your application's interface. The Screens panel provides tools to create, manage, and organize all screens in your project.

Locating the screens panel​

The Screens panel is located in the left sidebar of the interface. It displays a list of all screens in your current project, each with its own name.

Creating a new screen​

To create a new screen:

  • Click the + button at the top of the Screens panel
  • A new screen will be added to your project with a default name
  • The new screen will automatically open in the editor area and the Simulator fits the zoom to the screen

Deleting screens​

To delete a screen:

  • Select the screen you want to remove
  • Click the - button at the top of the Screens panel

Renaming screens​

To rename a screen:

  • Double-click on the screen name in the Screens panel to rename it then hit enter

Positioning and sizing​

  • When a screen is selected in the editor area, you can move it freely by clicking and dragging
  • Precise dimensions can be set using the Inspector panel Size section on the right side