Aller au contenu

Vue d’ensemble / Guide

Créer votre interface native

Étendez le rendu natif lorsque les contrôles intégrés ne suffisent pas.

Commencez par les contrôles intégrés. Pour une interface propre à votre application, l’API expérimentale d’extension du plugin permet d’ajouter des implémentations SwiftUI ou Android Compose.

Engine est la couche de rendu et de projection sous-jacente. Ses guides concernent les hôtes et moteurs de rendu personnalisés ; ils ne sont pas nécessaires à la configuration standard.

Configuration standard →

Partager état et actions, adapter la présentation

Définissez un lecteur DOM en lecture seule exposant les propriétés à afficher et les cibles d’action Web. Le code natif affiche ces propriétés et invoque les actions déclarées. L’élément Web reste la source de vérité et l’interface de repli ; ne déplacez pas la logique métier dans le lecteur et ne la dupliquez pas en SwiftUI ou Compose.

Garder l’extension dans l’application

Gardez la définition Web et l’implémentation native dans l’application ; aucun paquet npm ni plugin Capacitor distinct n’est nécessaire. Enregistrez l’implémentation correspondante sur chaque plateforme prise en charge. Commencez par le guide expérimental d’extension ; utilisez Engine directement pour un hôte ou une intégration de rendu personnalisés.

Poursuivre la lecture