@capgo/capacitor-navigazione nativa

Chrome nativo

Disegna la barra di navigazione superiore e la barra dei pulsanti inferiori con l'interfaccia utente della piattaforma al posto dei componenti web.

Routi di proprietà web

La navigazione nativa emette eventi di intento dell'utente, quindi il tuo router esistente cambia il contenuto della finestra di visualizzazione.

Icone serializzate

Configura le schede e i pulsanti con SVG, SF Symbol, immagini bundle o descriptor di disegno Android.

Shell di transizione nativa

Cattura la WebView corrente, aggiorna il contenuto in JavaScript, quindi conclude con un'animazione di snapshot nativa a WebView.

Zoom percorsi

Apri percorsi di carta, griglia e dettagli media con geometria di zoom nativa a elementi condivisi.

Demo

Shell nativa	Tappare il flusso

Core API

• configure(options?) abilita l'host del chrome nativo e controlla gli insetti di contenuto.
• setNavbar(options) aggiorna titolo e sottotitolo nativi, pulsante indietro, pulsanti, colori, trasparenza e visibilità.
• setTabbar(options) aggiorna schede, scheda selezionata, badge, etichette, icone, colori e visibilità.
• beginTransition(options?) cattura la WebView in uscita prima del cambio di route JavaScript.
• finishTransition(options?) animazione dal snapshot catturato alla WebView live dopo che il contenuto della route è pronto.
• beginZoomTransition(target, options?) e finishZoomTransition(target?, options?) sono aiuti JavaScript per le transizioni di zoom da elementi o rettangoli.
• getPluginVersion() restituisce il marker di versione dell'implementazione nativa.

Eventi

• navbarBack si attiva quando viene premuto l'ausilio di navigazione indietro nativo.
• navbarItemTap si attiva quando viene premuto un pulsante di azione del menu di navigazione nativo.
• tabSelect si attiva quando viene selezionata una scheda nativa.
• safeAreaChanged riferisce i cambiamenti degli insetti di area sicura nativi e della barra.
• transitionStart e transitionEnd riferisce i confini di transizione nativi.

Modello di piattaforma

L'iOS utilizza UINavigationBar e UITabBar. Su iOS 26 e versioni successive, il plugin consente al sistema di rendere il comportamento di vetro liquido; le versioni più vecchie utilizzano fallback materiali traslucidi/nativi.

L'Android utilizza un toolbar AppCompat e una navigazione inferiore Material con posizionamento edge-to-edge.

Il plugin non crea una WebView nativa per ogni route. La versione 1 mantiene un singolo WebView Capacitor per stabilità del ponte e lascia che il nativo possieda solo il frame, le visualizzazioni della barra, la selezione del tab, la segnalazione dell'area sicura e la shell di transizione.

Continua da @capgo/capacitor-navigazione nativa

If sei stai utilizzando @capgo/capacitor-native-navigation per pianificare il comportamento nativo dei media e dell'interfaccia, connettilo con Utilizza @capgo/capacitor-native-navigation per la capacità nativa in Utilizza @capgo/capacitor-native-navigation Utilizza @capgo/capacitor-live-activities per la capacità nativa in Utilizza @capgo/capacitor-live-activities @capgo/capacitor-live-activities per il dettaglio di implementazione in @capgo/capacitor-live-activities Utilizza @capgo/capacitor-video-player per la capacità nativa in Utilizza @capgo/capacitor-video-player, e @capgo/capacitor-video-player per i dettagli di implementazione in @capgo/capacitor-player-video.