Aller au contenu

Vue d’ensemble / Guide

Utiliser l’interface native

Affichez vos contrôles Web en interface native tout en conservant l’état, les routes et les gestionnaires de votre application.

Le plugin Capacitor propose trois fonctions : utiliser son interface native intégrée (actuellement iOS), obtenir Dynamic Color (actuellement Android) ou créer sa propre interface native. La configuration standard combine les deux premières ; ce chapitre traite des contrôles intégrés.

Les contrôles ordinaires et Vertical Bars sont activés par défaut. L’installation connecte aussi les notifications de disposition de l’appareil. Ajustez ensuite les contrôles ou comportements nécessaires à votre application.

Configuration standard →

Garder le comportement dans la couche Web

L’élément Web décrit l’état et les actions du contrôle. Native UI présente les contrôles compatibles et renvoie les interactions aux gestionnaires Web existants. Gardez navigation, validation et état dans ces gestionnaires, sans les dupliquer en code natif.

Partir de votre interface existante

Utilisez la configuration standard pour l’ensemble Ionic. Pour les seuls contrôles natifs, choisissez une intégration ci-dessous : thème iOS 27, thème Web existant ou HTML sans Ionic. Ce sont des alternatives, pas trois étapes successives. Gardez les contrôles non compatibles utilisables sur le Web et vérifiez leurs événements.

Choisir une intégration Native UI

Installation IonicUtiliser le thème iOS 27
Installation avec un thème existantConserver un thème Web existant
Installation HTMLUtiliser HTML sans Ionic

Poursuivre la lecture