Movimento a stile Ionic
Utilizza le animazioni delle rotte iOS e Android modellate sui pattern di navigazione dei dispositivi mobili senza dover caricare i componenti Ionic.
Indietro con lo swipe
Abilita un gesto di edge iOS che segue il dito e può auto-abilitarsi solo all'interno dei nativi Capacitor iOS.
Indipendente dal framework
Utilizza i componenti web direttamente o gli aiuti per React, Vue, Angular, Svelte e Solid.
Nessuna lock-in dell'interfaccia utente
Porta il tuo toolbar, il contenuto, il piede e il router mentre la libreria coordina gli strati di transizione.
Quando Usarlo
Sottosezione intitolata “Quando Usarlo”@capgo/capacitor-transitions è per le app che vogliono una movimentazione di pagina di qualità Ionic senza adottare il sistema di componenti di Ionic. Mantiene la navigazione nel tuo router web esistente e anima gli elementi di pagina all'interno del WebView Capacitor.
Usalo quando hai bisogno:
- transizioni di push, pop e route radice che si sentono vicine alle convenzioni delle piattaforme
- movimento coordinato del capo, del contenuto e del piede
- cache di pagina per la navigazione indietro veloce
- un gesto di swipe indietro facoltativo per iOS che segue il dito dell'utente
- aiuti di configurazione specifici del framework senza un router specifico del framework
<cap-router-outlet>gestisce la pila di rotte animate.<cap-page>avvolge ogni pagina.<cap-header>,<cap-content>e, e<cap-footer>identifica le aree che dovrebbero muoversi insieme.initTransitions(options?)inizializza i legami del framework.setDirection('forward' | 'back' | 'root' | 'none')informa l'aggiornamento del prossimo router quale animazione eseguire.setupRouterOutlet(element, options?)connette un outlet alle proprietà di ciclo di vita e comportamento di gesto.setupPage(element, callbacks?)registra callback di ciclo di vita della pagina.
Modello di piattaforma
Sottosezione intitolata “Modello di piattaforma”platform="auto" seleziona il profilo di animazione iOS o Android dal runtime. Puoi forzare platform="ios" o platform="android" o
swipe-gesture="auto" uses Capacitor runtime helpers and enables the edge gesture only in native iOS Capacitor apps. Use true To forzarlo o false A disattivarlo.
Il gesto è implementato nel layer web. È progettato per sentire come la transizione di ritorno di Ionic per iOS, guidando il progresso dell'animazione dalla posizione del puntatore, poi finendo o annullando in base alla distanza e alla velocità.
Continua da @capgo/capacitor-transizioni
Sottosezione intitolata “Continua da @capgo/capacitor-transizioni”Se stai utilizzando @capgo/capacitor-transizioni per pianificare il comportamento di media e interfaccia nativa, connettilo con Utilizzando @capgo/capacitor-transizioni per la capacità nativa in Utilizzando @capgo/capacitor-transizioni Utilizzando @capgo/capacitor-attività-vive per la capacità nativa in Utilizzando @capgo/capacitor-attività-vive @capgo/capacitor-attività in diretta per il dettaglio di implementazione in @capgo/capacitor-attività in diretta Utilizzo di @capgo/capacitor-player video per la capacità nativa in Utilizzo di @capgo/capacitor-player video, e @capgo/capacitor-player video per il dettaglio di implementazione in @capgo/capacitor-player video.