@capgo/capacitor-navigazione nativa

Chrome nativo

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

Rotte di proprietà web

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

Icône serializzate

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

Shell di transizione nativa

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

Zoom percorsi

Apri percorsi di carta, griglia e dettagli media con geometria di zoom nativa a stile elemento condiviso.

Demo

Shell nativa	Tocca il flusso

Core API

• configure(options?) abilita l'host di 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 cambiamenti di barra e insetti di area sicura nativi.
• transitionStart e transitionEnd riferisce 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 rotta. 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, il chrome della navigazione e la segnalazione dell'area sicura.

Continua da @capgo/capacitor-navigazione nativa

If sei stai utilizzando @capgo/capacitor-native-navigation per pianificare il comportamento nativo dei media e dell'interfaccia, collega 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.