Gerakan Ionic-style
Gunakan animasi rute iOS dan Android yang diinspirasi oleh pola navigasi ponsel tanpa mengirimkan komponen Ionic.
Swipe kembali
Aktifkan gestur iOS edge yang mengikuti jari dan dapat mengaktifkan otomatis hanya di dalam Capacitor iOS native.
Tidak bergantung pada framework
Gunakan komponen web secara langsung atau bantuan untuk React, Vue, Angular, Svelte, dan Solid.
Tidak ada penguncian UI
Bawa toolbar, konten, footer, dan router sendiri sementara perpustakaan mengkoordinasikan lapisan peralihan.
Kapan Menggunakannya
Ketika Untuk Menggunakannya@capgo/capacitor-transitions untuk aplikasi yang ingin memiliki gerakan halaman kualitas Ionic tanpa menerima sistem komponen Ionic. Ini menjaga navigasi di dalam router web Anda yang sudah ada dan menganimasikan elemen halaman di dalam Capacitor WebView.
Gunakan ketika Anda membutuhkan:
- transisi push, pop, dan root route yang terasa dekat dengan konvensi platform
- gerakan koordinat header, konten, dan footer
- penyimpanan halaman untuk navigasi mundur cepat
- gestur swipe-back iOS yang optional di sisi kiri yang mengikuti jari pengguna
- bantuan pengaturan spesifik framework tanpa router spesifik framework
Inti API
Judul Bagian “Inti API”<cap-router-outlet>mengendalikan stack animasi jalur.<cap-page>mengelilingi setiap halaman.<cap-header>,<cap-content>dan<cap-footer>mengidentifikasi wilayah yang harus bergerak bersama.initTransitions(options?)menginisialisasi ikatan framework.setDirection('forward' | 'back' | 'root' | 'none')menginformasikan router update berikutnya untuk menjalankan animasi mana.setupRouterOutlet(element, options?)menghubungkan outlet ke perilaku siklus dan sentuhan.setupPage(element, callbacks?)mendaftarkan panggilan kembali siklus halaman.
Model Platform
Judul Bagian “Model Platform”platform="auto" memilih profil animasi iOS atau Android dari lingkungan waktu eksekusi. Anda dapat memaksa platform="ios" atau platform="android" saat melakukan pengujian.
swipe-gesture="auto" menggunakan bantuan runtime Capacitor dan memungkinkan gerakan sampingan hanya di aplikasi iOS Capacitor asli. Gunakan true untuk memaksanya atau false untuk menonaktifkannya.
Gerakan ini diimplementasikan di layer web. Dirancang untuk merasa seperti transisi balik gesekan iOS Ionic dengan menggerakkan progress animasi dari posisi pointer, kemudian menyelesaikan atau membatalkan berdasarkan jarak dan kecepatan.
Teruskan dari @capgo/capacitor-transisi
Bagian berjudul “Teruskan dari @capgo/capacitor-transisi”Jika Anda menggunakan @capgo/capacitor-transisi untuk merencanakan perilaku media dan interface asli, hubungkannya dengan Menggunakan @capgo/capacitor-transisi untuk kemampuan asli di Menggunakan @capgo/capacitor-transisi, Menggunakan @capgo/capacitor-aktivitas-hidup untuk kemampuan asli di Menggunakan @capgo/capacitor-aktivitas-hidup, @capgo/capacitor-aktivitas-hidup untuk detail implementasi di @capgo/capacitor-aktivitas-hidup, Menggunakan @capgo/capacitor-player-video untuk kemampuan asli di Menggunakan @capgo/capacitor-player-video, dan Untuk pemutar video @capgo/capacitor Untuk detail implementasi di pemutar video @capgo/capacitor.