フローのプレビュー

フローをさまざまな画面タイプでプレビューする方法は2つあります:

  • デバイスでプレビュー:開発のどの段階でも、実際のデバイスでフローの見た目を確認できます。
  • Adapty ダッシュボードでプレビュー:デザイン中にフローをプレビューできます。

デバイスでプレビューする

実機でフローをプレビューするには:

  1. iOS または Android 向け Adapty モバイルアプリをダウンロードする。
  2. フロービルダーで Test on device をクリックする。
フロービルダーの「Test on device」ボタン
  1. フローのロケールを選択する。
  2. デバイスカメラで QR コードをスキャンするか、リンクを開く。Adapty モバイルアプリでフローが表示される。
Note

テストモードでは、Adapty はストア内のプロダクトにアクセスできないため、フローに表示される価格は実際のものではありません。

Locale selector and QR code in the Test on device dialog

トラブルシューティング

フローがプレビューで開かない場合、アクションの未完了、空のスクリーン、またはプロダクトが紐付けられていないことが主な原因です。詳細はよくある問題をご覧ください。

Adapty ダッシュボードでのプレビュー

Tip

フローが公開の準備ができているか確認するには、実機でプレビューしてエラーなく表示されることを確認してください。

フロービルダーのプレビューエリアを使って、さまざまな画面タイプでフローをプレビューできます。これにより、さまざまなデバイスや画面サイズでフローが適切に表示されることを確認できます。

プレビュー下のコントロールを使うと、次のことができます。

  • プレビューするデバイスを選択する。
  • 横向きと縦向きのプレビューモードを切り替える。
  • ライトモードとダークモードを切り替える。
  • ロケールを切り替える。
Tip
  • 言語によって単語の長さが異なり、画面レイアウトが変わることがあるため、必ず各ロケールをプレビューしてください。
  • カスタム変数をプレビューするには、初期値を設定してください。たとえば、name 変数を追加した場合、初期値を Jane Doe に設定してプレビューできます。
preview-paywall.gif