# Екран

Екран застосунку: шапка, контент, сітка або вкладки знизу. Екран відкривається на місці попереднього, а той іде до стосу «назад».

![Блок «Екран» на схемі: вигляд екрана та виходи — «Продовжити», кнопка шапки, пункти списку й кнопка](https://support.watbot.org/_media/uk/02-mini-apps/20-blocks/05-screens/_images/screen-block.webp?v=1791781231)

## Як зібрати

Натисніть на блок — відкриється редактор екрана: телефон ліворуч, налаштування праворуч. Новий порожній екран запитує, яким він буде. Шапку, області, кольори й темну тему описано на сторінці [Конструктор](https://support.watbot.org/uk/mini-apps/builder), елементи — на сторінці [Елементи екрана](https://support.watbot.org/uk/mini-apps/elements).

Екран видно просто в блоці на схемі. Високий екран обрізано за висотою телефона — смуга «Показати цілком» розгортає його.

## Виходи

- **«Продовжити»** — спрацьовує одразу, щойно екран показано. Через нього можна, наприклад, тут же відкрити поверх екрана вікно або повідомлення.
- **Елементи екрана, на які можна натиснути**, — кнопки шапки, кнопки, пункти списків, картки, картинки, надсилання форми та інші. Виходи згруповано за областями екрана: «page → шапка», «page → контент». Які елементи дають виходи — на сторінці [Елементи екрана](https://support.watbot.org/uk/mini-apps/elements#виходи-елементів).

Зв'язок із кнопки на екран, який лежить у стосі просто під поточним, працює як крок «назад».

## Дії з блоком

- **«Зробити стартовим»** — застосунок починатиметься з цього екрана.
- **«Зробити модальним вікном»** — екран перетвориться на [модальне вікно](https://support.watbot.org/uk/mini-apps/blocks/screens/modal), елементи та зв'язки збережуться. Стартовий екран і екран із HTML-коду вікном зробити не можна.
- **«Попередній перегляд з цього блоку»** — відкрити застосунок у попередньому перегляді одразу на цьому екрані.

## Обмеження

- Екранів у стосі «назад» — не більше ніж 20.
- В одній версії застосунку — не більше ніж 10 000 блоків.
