Mouvement d'ordre Ionic
Utilisez les animations de route iOS et Android qui imitent les modèles de navigation mobile sans déployer les composants Ionic.
Retour par glissade
Activez un geste de bord iOS qui suit le doigt et peut activer automatiquement uniquement à l'intérieur de la Capacitor native iOS.
Indépendant du framework
Utilisez directement les composants web ou les assistants pour React, Vue, Angular, Svelte et Solid.
Aucune prise de verrouillage de l'interface utilisateur.
Apportez votre propre barre d'outils, votre contenu, votre pied de page et votre routeur tandis que la bibliothèque coordonne les couches de transition.
Quand L'utiliser
Sous-titre « Quand L'utiliser »@capgo/capacitor-transitions est pour les applications qui veulent une motion de page d'une qualité Ionic sans adopter le système de composants d'Ionic. Il garde la navigation dans votre routeur web existant et anime les éléments de page à l'intérieur de la fenêtre de navigation Capacitor.
Utilisez-le lorsque vous avez besoin de:
- des transitions de route push, pop et root qui ressemblent à des conventions de plateforme
- une motion coordonnée de barre d'outils, de contenu et de pied de page
- un cache de page pour une navigation rapide en arrière
- un geste de balayage de bord optionnel iOS qui suit le doigt de l'utilisateur
- des assistants de configuration spécifiques au framework sans un routeur spécifique au framework
Noyau de API
Section intitulée « Noyau de API »<cap-router-outlet>gère la pile d'itinéraires animés.<cap-page>entoure chaque page.<cap-header>,<cap-content>et<cap-footer>identifier les régions qui devraient se déplacer ensemble.initTransitions(options?)initialise les liens de framework.setDirection('forward' | 'back' | 'root' | 'none')informe l'actualisation du routeur suivant de quelle animation exécuter.setupRouterOutlet(element, options?)connecte un outlet à la vie du cycle et au comportement de geste.setupPage(element, callbacks?)enregistre les appels de rappel du cycle de page.
Modèle de plateforme
Sous-titre « Modèle de plateforme »platform="auto" choisissez le profil d'animation iOS ou Android à partir de l'environnement de runtime. Vous pouvez forcer platform="ios" ou platform="android" HTML fragment de texte de page « Alternatives CTA Questions »
swipe-gesture="auto" uses Capacitor runtime helpers and enables the edge gesture only in native iOS Capacitor apps. Use true pour l'activer ou false pour le désactiver.
La gestuelle est mise en œuvre dans la couche web. Elle est conçue pour ressembler à la transition de swipe-back d'Ionic sur iOS en faisant progresser l'animation à partir de la position du pointeur, puis en terminant ou en annulant en fonction de la distance et de la vitesse.
Continuez de @capgo/capacitor-transitions
Titre de la section « Continuez de @capgo/capacitor-transitions »Si vous utilisez @capgo/capacitor-transitions pour planifier le comportement de médias natifs et d'interface, connectez-l’avec En utilisant @capgo/capacitor-transitions pour la capacité native dans En utilisant @capgo/capacitor-transitions, En utilisant @capgo/capacitor-live-activities pour la capacité native dans En utilisant @capgo/capacitor-live-activities, @capgo/capacitor-activités en direct pour le détail d'implémentation dans @capgo/capacitor-activités en direct Utilisation de @capgo/capacitor-joueur de vidéo pour la capacité native dans Utilisation de @capgo/capacitor-joueur de vidéo, et @capgo/capacitor-joueur de vidéo pour le détail d'implémentation dans @capgo/capacitor-joueur de vidéo.