Предпросмотр флоу

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

  • Предпросмотр на устройствах: проверьте, как флоу отображается на реальных устройствах на любом этапе разработки.
  • Предпросмотр в дашборде Adapty: просматривайте флоу прямо в процессе дизайна.

Предпросмотр на устройствах

Чтобы посмотреть флоу на реальном устройстве:

  1. Скачайте приложение Adapty из App Store.
  2. В конструкторе флоу нажмите Test on device.
Кнопка Test on device в конструкторе флоу
  1. Выберите локаль флоу.
  2. Отсканируйте QR-код камерой устройства или откройте ссылку. Флоу откроется в мобильном приложении Adapty.

В тестовом режиме Adapty не может получить доступ к вашим продуктам в сторах, поэтому цены, отображаемые во флоу, ненастоящие.

Селектор локали и QR-код в диалоге тестирования на устройстве

Устранение неполадок

Вы не можете опубликовать или просмотреть флоу, если присутствует хотя бы одна из следующих проблем.

  • Взаимодействие с неполной конфигурацией. Распространённые случаи:
    • Действие Open URL без целевого URL.
    • Действие Navigate to screen без указания экрана назначения — также возникает, если экран назначения был удалён после настройки действия.
    • Условное действие без оператора или значения.
    • Действие Set Variable без назначенной переменной или значения.
    • Действие Purchase без продукта (встроенный стор) или без URL Web Paywall (веб-оплата).
    • Действие Custom без Action ID.
    • Действие Show alert с пустым полем Title или Message.
    • Действие Show или Hide без выбранного элемента.
  • Экран без элементов.
  • Элемент продукта без привязанного продукта — может возникнуть, если удалить связанный продукт.
  • Невалидный JSON в Remote Config нарушает весь процесс доставки — сохранить даже черновик не получится.

Предпросмотр в дашборде Adapty

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

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

С помощью элементов управления предпросмотром под областью предпросмотра вы можете:

  • Выбрать устройство для предпросмотра флоу.
  • Переключаться между горизонтальным и вертикальным режимами предпросмотра.
  • Переключаться между светлой и тёмной темами.
  • Переключаться между локалями.
  • Всегда предпросматривайте разные локали, так как разные языки могут иметь разную длину слов, и макет экрана может выглядеть по-разному.
  • Для предпросмотра кастомных переменных задайте им начальные значения. Например, если вы добавили переменную name, можно задать начальное значение Jane Doe, чтобы увидеть её в предпросмотре.
preview-paywall.gif