---
title: "Подготовка флоу для iPhone Duo"
description: "Лучшие практики для флоу, поддерживающих iPhone Duo"
---

> **AI agents**: to search Adapty docs faster and with fewer tokens, install the Adapty skills: `npx adapty skills install --yes`

iPhone Duo имеет узкий внешний экран и широкий внутренний. В отличие от других iPhone, он может отображать строку состояния сбоку от экрана, рядом с фронтальной камерой, даже в портретной ориентации.

Чтобы флоу выглядели корректно на Duo, выполните следующие шаги:

- Включите [**Safe area**](#keep-text-and-buttons-clear-of-the-status-bar-and-camera), чтобы текст и кнопки не перекрывались строкой состояния.
- Если отдельный элемент оказывается за строкой состояния, снимите флажок [**Ignore safe area**](#intentionally-ignore-the-iphone-duos-safe-area) для этого элемента.
- [Просмотрите оба дисплея](#design-one-layout-to-fit-both-displays) в обеих ориентациях перед публикацией и при необходимости скорректируйте макет.
- Если флоу был запущен до того, как Adapty добавила поддержку iPhone Duo, [опубликуйте его снова](#add-iphone-duo-support-to-live-flows), чтобы применить последние улучшения макета.
- Если флоу для Duo требует отдельного дизайна, [покажите пользователям Duo отдельный флоу](#show-iphone-duo-users-a-separate-flow).

## Держите текст и кнопки подальше от строки состояния и камеры \{#keep-text-and-buttons-clear-of-the-status-bar-and-camera\}

Включите **Safe area**, чтобы следующие элементы экрана не перекрывались строкой состояния:

- Основной контент
- Контент [футера](builder-containers#footer) и [выдвижного листа](builder-containers#sliding-sheet)
- [Индикатор прогресса](builder-loaders-and-progress-bars)
- Элементы с позиционированием **Fixed** и **Absolute**

Фон экрана, футера и выдвижного листа по-прежнему занимает весь дисплей, включая область за строкой состояния.

## Намеренно игнорируйте безопасную зону iPhone Duo \{#intentionally-ignore-the-iphone-duos-safe-area\}

Отдельный элемент может переопределить настройку **Safe area** и отображаться поверх строки состояния. Это рекомендуется только для намеренного визуального эффекта на изображениях и видео.

Задайте элементу позицию **Fixed** или **Absolute**. Затем установите флажок [**Ignore safe area**](manage-paywall-ui-elements#ignore-safe-area).

Чтобы изображение или видео прокручивалось вместе с остальным экраном, [разместите его в верхней части экрана](manage-paywall-ui-elements#ignore-safe-area).

## Создайте один макет для обоих дисплеев \{#design-one-layout-to-fit-both-displays\}

У каждого экрана только один макет. При разработке экрана во Flow & Paywall Builder следуйте советам из этого раздела, чтобы убедиться, что макет подходит для обоих дисплеев iPhone Duo.

Выберите **iPhone Duo** в [списке устройств](builder-ui#view-controls-bottom-toolbar). Затем просмотрите каждый дисплей:

- Closed **Закрыт**: Строка состояния занимает много места. Обратите внимание на:
  - Текст, который переносится или обрезается
  - Футер, занимающий большую часть экрана
  - Кнопка закрытия, восстановления или покупки вне зоны видимости

  Включите [**Вертикальную прокрутку**](paywall-layout-and-products#scroll) или распределите контент по нескольким экранам. Чтобы кнопка покупки всегда была на виду, поместите её в закреплённый [футер](builder-containers#footer).

- Open **Open**: Если ваше приложение рассчитано только на портретную ориентацию, iOS всё равно может отображать его в альбомной ориентации на внутреннем дисплее.

  Обратите внимание на контент, который слишком широко растягивается и неудобно читается в обеих ориентациях. Поместите его в контейнер с **Fixed** шириной. Затем [отцентрируйте контейнер](manage-paywall-ui-elements#alignment), изменив настройку **Alignment** у его родительского элемента. Контейнер сохранит свою ширину на любом устройстве.

  Если контейнер слишком широк для самых узких экранов, рядом с **Width** появится значок предупреждения. Уменьшайте ширину, пока он не исчезнет.

Если вы создали макет, который хорошо смотрится на Duo, но некорректно отображается на других телефонах, [покажите пользователям Duo отдельный флоу](#show-iphone-duo-users-a-separate-flow).

## Добавление поддержки iPhone Duo в действующие флоу \{#add-iphone-duo-support-to-live-flows\}

Чтобы применить последние улучшения компоновки к флоу, опубликованному до того, как Adapty добавила поддержку iPhone Duo, опубликуйте его заново.

Откройте флоу во Flow & Paywall Builder. Внесите небольшое изменение, чтобы активировать кнопку [**Publish to Live**](builder-save-publish#publish-a-flow), и нажмите её.

Ваше приложение получит последнюю опубликованную версию при следующем запросе [плейсмента](placements), в котором используется этот флоу. Чтобы увидеть результат, откройте флоу в приложении на iPhone Duo или в симуляторе телефона в Xcode.

## Показывайте пользователям iPhone Duo отдельный флоу \{#show-iphone-duo-users-a-separate-flow\}

Вместо единого макета для всех телефонов можно создать отдельный флоу, адаптированный под дисплеи Duo:

1. [Скопируйте существующий флоу](copy-flows), чтобы создать флоу для Duo.
2. Адаптируйте копию [для обоих дисплеев](#design-one-layout-to-fit-both-displays). Затем [опубликуйте его](builder-save-publish#publish-a-flow).
3. [Создайте сегмент](segments#creation) с атрибутом **Device**, установленным в **iPhone Duo**.
4. В плейсменте, который обслуживает основной флоу, [добавьте аудиторию](add-audience-paywall-ab-test) с сегментом Duo и флоу Duo.
5. Если другая аудитория в плейсменте тоже может совпасть с пользователями Duo, [повысьте приоритет](change-audience-priority) аудитории Duo над ней.

Чтобы увидеть результат, откройте приложение на реальном iPhone Duo.