Panduan
Tutorial di Bar Navigasi
Menggunakan @capgo/capacitor-bar-navigasi
Plugin Bar Navigasi Capacitor untuk mengcustomisasi bar navigasi Android.
Pasang
bun add @capgo/capacitor-navigation-bar
bunx cap sync
Apa yang Dapat Diketahui Plugin Ini
setNavigationBarColor- Atur warna dan tema tombol navigasi.getNavigationBarColor- Ambil warna dan tema tombol navigasi saat ini.
Contoh Penggunaan
setNavigationBarColor
Atur warna dan tema tombol 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
Ambil warna dan tema tombol 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 native 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 native di Menggunakan @capgo/capacitor-video-player.