@capgo/capacitor-navigasi native

Native Chrome

Gambarlah bar navigasi atas dan tab bawah dengan UI platform bukan komponen web.

Rute yang dimiliki web

Native mengeluarkan event niat pengguna, kemudian router yang sudah ada mengubah konten WebView.

Icon yang diserialisasi

Konfigurasi tab dan tombol dengan SVG, SF Symbol, gambar yang dibundel, atau deskriptor gambar Android.

Shell transisi native

Simpan tampilan WebView saat ini, update konten dengan JavaScript, lalu selesaikan dengan animasi snapshot ke-WebView native.

Rute zoom

Buka rute kartu, grid, dan media-detail dengan geometri zoom native yang mirip dengan elemen yang dibagikan.

Demo

Shell native	Aliran sentuh

Inti API

• configure(options?) Mengaktifkan host chrome native dan mengontrol margin konten.
• setNavbar(options) Mengupdate judul native, subjudul, tombol kembali, tombol, warna, ketajaman, dan visibilitas.
• setTabbar(options) Mengupdate tab, tab yang dipilih, badge, label, ikon, warna, dan visibilitas.
• beginTransition(options?) Mengabadikan WebView keluaran sebelum perubahan jalur JavaScript.
• finishTransition(options?) Menganimasikan dari snapshot yang diabadikan ke WebView hidup setelah konten jalur siap.
• beginZoomTransition(target, options?) dan finishZoomTransition(target?, options?) context: Halaman/area: Situs web pemasaran Capgo. Peran: Label UI singkat atau item navigasi. Dilihat di: halaman trust.astro. Kunci pesan `dan` (Dan).
• getPluginVersion() adalah bantuan JavaScript untuk transisi zoom dari elemen atau persegi panjang.

mengembalikan versi marker implementasi native.

• navbarBack Judul Bagian “Event”
• navbarItemTap mengeluarkan ketika tombol aksi navbar native dipencet.
• tabSelect mengeluarkan ketika tab native dipilih.
• safeAreaChanged melaporkan perubahan inset bar dan area aman.
• transitionStart dan transitionEnd melaporkan batas transisi native.

Model Platform

iOS menggunakan UINavigationBar dan UITabBar. Pada iOS 26 dan lebih baru, plugin ini memungkinkan sistem mengrender perilaku Liquid Glass; versi yang lebih tua menggunakan fallback material translucent/native.

Android menggunakan toolbar AppCompat dan navigasi bawah material dengan penempatan tepi ke tepi.

Plugin ini tidak membuat satu WebView native per rute. Versi 1 menjaga satu WebView Capacitor tunggal untuk stabilitas jembatan dan membiarkan native menguasai hanya frame, bar visual, chrome pilihan tab, pelaporan area aman, dan shell transisi.

Teruskan dari @capgo/capacitor-native-navigation

Jika Anda menggunakan @capgo/capacitor-native-navigation untuk merencanakan perilaku media dan interface native, hubungkannya dengan Menggunakan @capgo/capacitor-native-navigation untuk kemampuan native di Menggunakan @capgo/capacitor-native-navigation, Menggunakan @capgo/capacitor-live-activities untuk kemampuan native di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, Menggunakan @capgo/capacitor-video-player untuk kemampuan asli di Menggunakan @capgo/capacitor-video-player, dan @capgo/capacitor-video-player untuk detail implementasi di @capgo/capacitor-video-player.