Petunjuk
Tutorial di Bar Navigasi
Test di perangkat
Unduh aplikasi Capgo terlebih dahulu, lalu scan kode QR code.
Menggunakan @capgo/capacitor-bar-navigasi
Plugin Bar Navigasi Capacitor untuk Mengatur Bar Navigasi Android.
Instal
bun add @capgo/capacitor-navigation-bar
bunx cap sync
Apa yang Dibuka oleh Plugin ini
setNavigationBarColor- Mengatur warna dan tema tombol bar navigasi.getNavigationBarColor- Mendapatkan warna dan tema tombol bar navigasi saat ini.
Contoh Penggunaan
setNavigationBarColor
Mengatur warna dan tema tombol bar navigasi.
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 navigasi 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, Mengawali untuk detail implementasi di Mengawali, Menggunakan @capgo/capacitor-live-activities untuk kemampuan asli di Menggunakan @capgo/capacitor-live-activities, @capgo/capacitor-live-activities untuk detail implementasi di @capgo/capacitor-live-activities, dan Menggunakan @capgo/capacitor-video-player untuk kemampuan asli di Menggunakan @capgo/capacitor-video-player.