---
title: "Préparer les flows pour l'iPhone Duo"
description: "Bonnes pratiques à suivre pour les flows compatibles avec l'iPhone Duo"
---

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

L'iPhone Duo dispose d'un écran extérieur étroit et d'un écran intérieur large. Contrairement aux autres iPhones, il peut afficher la barre d'état sur le côté de l'écran, à côté de la caméra frontale, même en orientation portrait.

Pour que vos flows s'affichent correctement sur le Duo, suivez les étapes ci-dessous :

- Gardez la [**Zone de sécurité**](#keep-text-and-buttons-clear-of-the-status-bar-and-camera) activée pour que le texte et les boutons restent à l'écart de la barre d'état.
- Si un élément individuel apparaît derrière la barre d'état, décochez [**Ignore safe area**](#intentionally-ignore-the-iphone-duos-safe-area) pour cet élément.
- [Prévisualisez les deux affichages](#design-one-layout-to-fit-both-displays), dans les deux orientations, avant de publier, et ajustez la mise en page si nécessaire.
- Si un flow était en ligne avant qu'Adapty ajoute la prise en charge de l'iPhone Duo, [publiez-le à nouveau](#add-iphone-duo-support-to-live-flows) pour appliquer les dernières améliorations de mise en page.
- Si le flow Duo nécessite sa propre conception, [affichez un flow distinct aux utilisateurs Duo](#show-iphone-duo-users-a-separate-flow).

## Garder le texte et les boutons hors de la barre d'état et de la caméra \{#keep-text-and-buttons-clear-of-the-status-bar-and-camera\}

Activez **Safe area** pour maintenir ces parties de l'écran hors de la barre d'état :

- Le contenu principal
- Le contenu du [pied de page](builder-containers#footer) et de la [feuille glissante](builder-containers#sliding-sheet)
- L'[indicateur de progression](builder-loaders-and-progress-bars)
- Les éléments **Fixed** et **Absolute**

Les arrière-plans de l'écran, du pied de page et de la feuille glissante s'étendent toujours sur toute la largeur de l'affichage, y compris la zone derrière la barre d'état.

## Ignorer intentionnellement la zone sécurisée de l'iPhone Duo \{#intentionally-ignore-the-iphone-duos-safe-area\}

Un élément individuel peut remplacer le paramètre **Safe area** pour apparaître derrière la barre de statut. Cette option est uniquement recommandée pour un effet intentionnel sur des images et des vidéos.

Donnez à l'élément une position **Fixed** ou **Absolute**. Cochez ensuite la case [**Ignore safe area**](manage-paywall-ui-elements#ignore-safe-area).

Pour qu'une image ou une vidéo défile avec le reste de l'écran, [placez-la en haut de l'écran](manage-paywall-ui-elements#ignore-safe-area) à la place.

## Concevoir une mise en page unique pour les deux écrans \{#design-one-layout-to-fit-both-displays\}

Chaque écran n'a qu'une seule mise en page. Lorsque vous concevez un écran dans le Flow & Paywall Builder, suivez les conseils de cette section pour vous assurer qu'il s'adapte aux deux écrans de l'iPhone Duo.

Sélectionnez **iPhone Duo** dans la [liste des appareils](builder-ui#view-controls-bottom-toolbar). Prévisualisez ensuite chaque écran :

- Closed **Fermé** : La barre de statut occupe beaucoup d'espace. Vérifiez :
  - Le texte qui s'enroule ou est tronqué
  - Un pied de page qui occupe une grande partie de l'écran
  - Un bouton de fermeture, de restauration ou d'achat hors de vue

  Activez le [**défilement vertical**](paywall-layout-and-products#scroll) ou répartissez le contenu sur plusieurs écrans. Pour garder le bouton d'achat visible, placez-le dans un [pied de page](builder-containers#footer) épinglé.

- Open **Open** : si vous avez conçu votre application uniquement en mode portrait, iOS peut quand même l'afficher en mode paysage sur l'écran intérieur.

  Repérez le contenu qui s'étire trop en largeur pour être lu confortablement dans les deux orientations. Placez-le dans un conteneur avec une largeur **Fixed**. Ensuite, [centrez le conteneur](manage-paywall-ui-elements#alignment) en modifiant le paramètre **Alignment** de son parent. Le conteneur conserve sa largeur sur tous les appareils.

  Si le conteneur est trop large pour les téléphones les plus étroits, une icône d'avertissement apparaît à côté de **Width**. Réduisez la largeur jusqu'à ce que l'icône disparaisse.

Si vous créez une mise en page adaptée au Duo, mais qui ne convient pas aux autres téléphones, [montrez aux utilisateurs du Duo un flow distinct](#show-iphone-duo-users-a-separate-flow).

## Ajouter le support iPhone Duo aux flows en production \{#add-iphone-duo-support-to-live-flows\}

Pour appliquer les dernières améliorations de mise en page à un flow mis en production avant qu'Adapty ajoute le support iPhone Duo, republiez-le.

Ouvrez le flow dans le Flow & Paywall Builder. Effectuez une modification mineure pour activer le bouton [**Publish to Live**](builder-save-publish#publish-a-flow), puis cliquez dessus.

Votre application reçoit la dernière version publiée la prochaine fois qu'elle demande un [placement](placements) qui sert ce flow. Pour voir le résultat, ouvrez le flow dans votre application sur un iPhone Duo ou le simulateur du téléphone dans Xcode.

## Afficher un flow distinct pour les utilisateurs d'iPhone Duo \{#show-iphone-duo-users-a-separate-flow\}

Vous préférerez peut-être concevoir un flow distinct, adapté aux écrans du Duo, plutôt qu'une seule mise en page qui convient à tous les téléphones :

1. [Copiez un flow existant](copy-flows) pour créer le flow Duo.
2. Adaptez la copie pour [les deux affichages](#design-one-layout-to-fit-both-displays). Puis [publiez-le](builder-save-publish#publish-a-flow).
3. [Créez un segment](segments#creation) avec l'attribut **Device** défini sur **iPhone Duo**.
4. Dans le placement qui sert le flow principal, [ajoutez une audience](add-audience-paywall-ab-test) avec le segment Duo et le flow Duo.
5. Si une autre audience du placement peut également correspondre aux utilisateurs Duo, [augmentez la priorité](change-audience-priority) de l'audience Duo au-dessus d'elle.

Pour voir le résultat, ouvrez votre application sur un vrai iPhone Duo.