Working with Screens

Click to copy

Screens are a crucial part of every mobile application in AppMaster. To create a new screen click "New screen" button on the left side of the designer.

There are multiple types of screens that can be created. Every screen is designed for its own case and implements its own visual style and logic. Please find below the list of general screens available.

Screen typeDescription
ListA standard list screen, designed to render a list of the same type of data. You need to design only one basic element and it will be populated with real data from your backend.
ViewView screen is designed to render one piece of data - usually one record or a card. Ideal for detailed viewing of one element.
GridGrid screen is designed to implement a grid-like render of elements. Gird is a variation of the list screen, but with a horizontal dimension. Same idea behind grid: create one element and all records will be rendered in the same way. There is no horizontal scroll, only vertical.
MapMap screen is designed to work with the map (what a surprise!). Use this screen only if the map will be the crucial part of your screen, if not - use the view screen with the map widget.
Breadcrumbs ListBreadcrumbs List is a variation of the List Screen, but with the ability to group items and breadcrumbs for navigation.
Bottom NavBottom Nav screen is designed to implement the bottom menu. Usually, this is the most popular screen to create the main navigation of the app. Up to 5 buttons maximum.
TabsTabs screen is designed to create a tabs-like structure where every tab is a screen.
ModalModal screen is designed to implement a modal screen to show some temporary information to the user.
Bottom SheetBottom sheet is a screen, very similar to the modal screen but with the ability to scroll out and down. Bottom sheet has a minimized state as well.
SidemenuThere is a special type of screen - supplied by modules. If at least one module with new screen types will be enabled - these screens will be in the end on the new screen dropdown.

There is a special type of screen - supplied by modules. If at least one module with new screen types will be enabled - these screens will be in the end on the new screen dropdown.