Skip to content

05 · Dynamic Island и Safe Area

Устраняет перекрытие UI-элементов вырезом Dynamic Island, «челкой» iPhone, системной полосой Home Bar и верхней панелью Telegram.


Способы интеграции

Track A — Использование готового префаба

  1. Откройте сцену 05_SafeArea_Demo.
  2. Перетащите FastTMA_SafeAreaContainer из Packages/com.fasttma.core/Runtime/Prefabs/ в корень Canvas.
  3. Поместите все экраны UI, требующие защиты, внутрь контейнера:
    • Кнопки управления
    • Верхнюю панель счёта
    • Всплывающие окна и диалоги

В префаб встроен компонент TelegramSafeArea, который во время работы автоматически сжимает границы под системные Insets устройства.


Track B — Подключение компонента к готовому UI

  1. Выберите существующую полноэкранную корневую панель UI в вашем проекте (например, UIRootPanel).
  2. Нажмите Add Component → TelegramSafeArea.
  3. Убедитесь, что в Inspector включены "Enable Top Safe Area" и "Enable Bottom Safe Area".

Технические детали: Компонент динамически управляет отступами RectTransform в LateUpdate:

  • Нулевое выделение памяти (Zero GC)
  • Плавная адаптация к поворотам экрана
  • Автоматическое реагирование на изменение выреза Dynamic Island

Справка по демо

Ознакомьтесь с реализацией демо в Packages/com.fasttma.core/Samples/05_SafeArea.