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

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

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

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

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

Скачайте мобильное приложение Adapty для iOS или Android.
В конструкторе флоу нажмите Test on device.

Кнопка Test on device в конструкторе флоу

Выберите локаль флоу.
Отсканируйте QR-код камерой устройства или перейдите по ссылке. Флоу откроется в мобильном приложении Adapty.

Note

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

Выбор языка и QR-код в диалоге тестирования на устройстве

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

Если флоу не открывается в предпросмотре, причина обычно в незавершённом действии, пустом экране или неприкреплённом продукте. Полный список см. в разделе Частые проблемы.

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

Tip

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

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

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

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

Tip

Всегда просматривайте превью на разных языках: разная длина слов может влиять на внешний вид экрана.
Чтобы просмотреть пользовательские переменные в превью, задайте для них начальные значения. Например, если вы добавили переменную name, можно установить начальное значение Jane Doe.

Предварительный просмотр продуктов и предложений

Предварительный просмотр читает переменные продуктов из вашего каталога Adapty, что охватывает лишь часть того, что устройство получает при разрешении:

prod_title отображает название продукта в том виде, в каком оно хранится в Adapty. prod_price и переменные prod_price_per_* показывают цену из Adapty в долларах США — пользователи видят локализованную цену из стора.
offer_price, offer_billing_period и offer_full_duration остаются неразрешёнными, поэтому в превью отображается имя переменной в фигурных скобках — например, {{products.selectedProduct.offer_price}}. Эти значения передаются во флоу, когда SDK рендерит его в вашем приложении.
is_free_trial, is_pay_up_front и is_pay_as_you_go зависят от оффера, выбранного на карточке продукта. Если оффер не выбран, все три равны false. Если оффер выбран, превью считает его pay-as-you-go.

Условия на тип оффера переключаются в превью, но по умолчанию отображается только ветка pay-as-you-go. Чтобы увидеть остальные ветки, симулируйте режим оплаты:

На канвасе выберите карточку продукта с оффером.
В правой панели в разделе Product откройте выпадающий список офферов.
В разделе Preview as выберите Free trial, Pay up front или Pay as you go.

Каждое условие для этих трёх переменных перерисовывается в выбранном режиме для этой карточки. Preview as применяется к одной карточке продукта за раз, не влияет на флоу, который вы публикуете, и сбрасывается при смене офера карточки.