Panduan
Tutorial tentang Bar Navigasi
Uji coba di perangkat
Unduh aplikasi Capgo terlebih dahulu, kemudian scan kode QR code.
Menggunakan @capgo/capacitor-bar-pelayaran
Capacitor Plugin Bar Pelayaran untuk Mengatur Bar Pelayaran Android.
Instal
bun add @capgo/capacitor-navigation-bar
bunx cap sync
Apa yang Dibuka oleh Plugin Ini
setNavigationBarColor- Mengatur warna dan tema tombol bar pelayaran.getNavigationBarColor- Mendapatkan warna dan tema tombol bar pelayaran saat ini.
Contoh Penggunaan
setNavigationBarColor
Mengatur warna dan tema tombol bar pelayaran.
import { NavigationBar } from '@capgo/capacitor-navigation-bar';
// Set to white with dark buttons
await NavigationBar.setNavigationBarColor({
color: NavigationBarColor.WHITE,
darkButtons: true
});
// Set to custom color
await NavigationBar.setNavigationBarColor({
color: '#FF5733',
darkButtons: false
});
// Set a custom divider color on Android 9+
await NavigationBar.setNavigationBarColor({
color: NavigationBarColor.WHITE,
darkButtons: true,
dividerColor: '#D9D9D9'
});
getNavigationBarColor
Mendapatkan warna dan tema tombol bar pelayaran saat ini.
import { NavigationBar } from '@capgo/capacitor-navigation-bar';
const { color, darkButtons } = await NavigationBar.getNavigationBarColor();
console.log('Current color:', color);
console.log('Using dark buttons:', darkButtons);
Referensi Lengkap
- GitHub: https://github.com/Cap-go/capacitor-navigation-bar/
- Dokumen: /docs/plugins/navigation-bar/
Teruskan dari Menggunakan @capgo/capacitor-navigation-bar
Jika Anda menggunakan Menggunakan @capgo/capacitor-navigation-bar untuk merencanakan perilaku media dan antarmuka native, hubungkannya dengan @capgo/capacitor-navigation-bar untuk detail implementasi di @capgo/capacitor-navigation-bar Getting Started untuk detail implementasi di Getting Started Menggunakan @capgo/capacitor-live-activities untuk kemampuan asli dalam Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi dalam @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kemampuan asli dalam Menggunakan @capgo/capacitor-video-player.