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

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

• Включите Safe area, чтобы текст и кнопки не перекрывались строкой состояния.
• Если отдельный элемент оказывается за строкой состояния, снимите флажок Ignore safe area для этого элемента.
• Просмотрите оба дисплея в обеих ориентациях перед публикацией и при необходимости скорректируйте макет.
• Если флоу был запущен до того, как Adapty добавила поддержку iPhone Duo, опубликуйте его снова, чтобы применить последние улучшения макета.
• Если флоу для Duo требует отдельного дизайна, покажите пользователям Duo отдельный флоу.

Держите текст и кнопки подальше от строки состояния и камеры

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

• Основной контент
• Контент футера и выдвижного листа
• Индикатор прогресса
• Элементы с позиционированием Fixed и Absolute

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

Намеренно игнорируйте безопасную зону iPhone Duo

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

Задайте элементу позицию Fixed или Absolute. Затем установите флажок Ignore safe area.

Чтобы изображение или видео прокручивалось вместе с остальным экраном, разместите его в верхней части экрана.

Создайте один макет для обоих дисплеев

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

Выберите iPhone Duo в списке устройств. Затем просмотрите каждый дисплей:

• Закрыт: Строка состояния занимает много места. Обратите внимание на:

  • Текст, который переносится или обрезается
  • Футер, занимающий большую часть экрана
  • Кнопка закрытия, восстановления или покупки вне зоны видимости

  Включите Вертикальную прокрутку или распределите контент по нескольким экранам. Чтобы кнопка покупки всегда была на виду, поместите её в закреплённый футер.

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

  Обратите внимание на контент, который слишком широко растягивается и неудобно читается в обеих ориентациях. Поместите его в контейнер с Fixed шириной. Затем отцентрируйте контейнер, изменив настройку Alignment у его родительского элемента. Контейнер сохранит свою ширину на любом устройстве.

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

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

Добавление поддержки iPhone Duo в действующие флоу

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

Откройте флоу во Flow & Paywall Builder. Внесите небольшое изменение, чтобы активировать кнопку Publish to Live, и нажмите её.

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

Показывайте пользователям iPhone Duo отдельный флоу

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

1. Скопируйте существующий флоу, чтобы создать флоу для Duo.
2. Адаптируйте копию для обоих дисплеев. Затем опубликуйте его.
3. Создайте сегмент с атрибутом Device, установленным в iPhone Duo.
4. В плейсменте, который обслуживает основной флоу, добавьте аудиторию с сегментом Duo и флоу Duo.
5. Если другая аудитория в плейсменте тоже может совпасть с пользователями Duo, повысьте приоритет аудитории Duo над ней.

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