@capgo/capacitor-navigasi native

Native Chrome

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

Rute yang dimiliki web

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

Icon yang diserialkan

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 di JavaScript, lalu selesaikan dengan animasi snapshot ke-WebView yang 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, subjudul, tombol kembali, tombol, warna, transparansi, dan visibilitas.
• setTabbar(options) Mengupdate tab, tab yang dipilih, badge, label, ikon, warna, dan visibilitas.
• beginTransition(options?) Merekam WebView keluaran sebelum perubahan JavaScript jalur.
• finishTransition(options?) Menganimasikan dari snapshot yang direkam 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 native navbar diklik.
• tabSelect mengeluarkan ketika tab native dipilih.
• safeAreaChanged melaporkan perubahan inset native 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 menampilkan 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, visual bar, 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.