@capgo/capacitor-navigation native de iOS et d'Android

Chrome natif

Dessinez la barre de navigation supérieure et la barre d'onglets inférieure avec l'interface utilisateur de la plateforme au lieu de composants web.

Routes détenues par le web

Le natif émet des événements d'intention utilisateur, puis votre routeur existant change le contenu de la vue WebView.

Icônes sérialisées

Configurez les onglets et les boutons avec des SVG, des SF Symbol, des images embarquées ou des décripteurs de dessinateurs Android.

Coquille de transition native

Capturer la vue actuelle, mettre à jour le contenu en JavaScript, puis terminer avec une animation de snapshot à la vue WebView native.

Routes de zoom

Ouvrez les routes de carte, de grille et de détails de médias avec une géométrie de zoom à éléments partagés de style natif.

Démo

Boîte de dialogue native	Flux de clic

Core API

• configure(options?) active le hôte de la boîte de dialogue native et contrôle les marges de contenu.
• setNavbar(options) met à jour le titre, le sous-titre, le bouton de retour, les boutons, les couleurs, la transparence et la visibilité.
• setTabbar(options) met à jour les onglets, l'onglet sélectionné, les badges, les étiquettes, les icônes, les couleurs et la visibilité.
• beginTransition(options?) captures la WebView sortante avant le changement de route JavaScript.
• finishTransition(options?) anime à partir du snapshot capturé vers la WebView live après que le contenu de la route soit prêt.
• beginZoomTransition(target, options?) et sont des assistants JavaScript pour les transitions de zoom à partir d'éléments ou de rectangles. finishZoomTransition(target?, options?) renvoie la marque de version de l'implémentation native.
• getPluginVersion() Événements

Section intitulée “Événements”

• navbarBack s'active lorsque bouton d'action de la barre de navigation native est tapé.
• navbarItemTap s'active lorsque une barre de tab native est sélectionnée.
• tabSelect signale les changements des barres et des aires de sécurité.
• safeAreaChanged et
• transitionStart signale les limites de transition native. transitionEnd Modèle de plateforme

et sont des assistants JavaScript pour les transitions de zoom à partir d'éléments ou de rectangles.

L'iOS utilise UINavigationBar et UITabBar. Sur iOS 26 et ultérieur, le plugin permet au système de rendre le comportement Liquid Glass ; les versions plus anciennes utilisent des fallbacks translucides/matériels natifs.

L'Android utilise un outil de navigation AppCompat et une navigation en bas de l'écran matérielle avec un placement bord-à-bord.

The plugin does not create one native WebView per route. Version 1 keeps a single Capacitor WebView for bridge stability and lets native own only the frame, bar visuals, tab selection chrome, safe-area reporting, and transition shell.

Continuez à partir de @capgo/capacitor-navigation native

Si vous utilisez @capgo/capacitor-navigation native pour planifier le comportement de médias et d'interface native, connectez-le avec En utilisant @capgo/capacitor-navigation native pour la capacité native en utilisant @capgo/capacitor-native-navigation En utilisant @capgo/capacitor-live-activities pour la capacité native en utilisant @capgo/capacitor-live-activities @capgo/capacitor-live-activities pour le détail d'implémentation en @capgo/capacitor-live-activities En utilisant @capgo/capacitor-video-player pour la capacité native en utilisant @capgo/capacitor-video-player, et @capgo/capacitor-video-player pour le détail d'implémentation en @capgo/capacitor-video-player.