{"targetLanguage":"Deutsch","protectedTokens":["Cloudflare","Capacitor","GitHub","Capgo","code","API","SDK","CLI","npm","bun"],"texts":["Leitfaden","Tutorial zur Navigation-Leiste","Gerätetest","Laden Sie die __CAPGO_KEEP_0__-App, dann scannen Sie die QR-__CAPGO_KEEP_1__.","__CAPGO_KEEP_0__ herunterladen im App Store","App Store","__CAPGO_KEEP_0__ herunterladen auf Google Play","Google Play","Vorschau-Link für die Navigation-Leiste-Plugin-QR","Navigation-Leiste-Plugin-Vorschau-QR-__CAPGO_KEEP_0__","Mit @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-Navigation-Leiste","__CAPGO_KEEP_0__-Navigation-Leiste-Plugin für die Anpassung der Android-Navigation-Leiste."]}
Leitfaden
Tutorial zur Navigation-Leiste
Download the Capgo app, then scan the QR code.
Using @capgo/capacitor-navigation-bar
Mit @Capacitor/__CAPGO_KEEP_1__-Navigation-Leiste
Installieren
bun add @capgo/capacitor-navigation-bar
bunx cap sync
Was diese Erweiterung bereitstellt
setNavigationBarColor- Die Farbe der Navigationsleiste und das Design der Schaltfläche setzen.getNavigationBarColor- Die aktuelle Farbe der Navigationsleiste und das Design der Schaltfläche abrufen.
Beispiel für die Verwendung
setNavigationBarColor
Die Farbe der Navigationsleiste und das Design der Schaltfläche setzen.
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
Die aktuelle Farbe der Navigationsleiste und das Design der Schaltfläche abrufen.
import { NavigationBar } from '@capgo/capacitor-navigation-bar';
const { color, darkButtons } = await NavigationBar.getNavigationBarColor();
console.log('Current color:', color);
console.log('Using dark buttons:', darkButtons);
Vollständige Referenz
- GitHub https://github.com/Cap-go/capacitor-Navigationsleiste/
- Dokumentation: /docs/plugins/Navigationsleiste/
Weitermachen von Using @capgo/capacitor-Navigationsleiste
Wenn Sie Mit @capgo/capacitor-navigation-bar native Medien und Schnittstellenverhalten planen, verbinden Sie es mit @capgo/capacitor-navigation-bar für die Implementierungsdetails in @capgo/capacitor-navigation-bar, Einführung für die Implementierungsdetails in Einführung, Mit @capgo/capacitor-live-activities für die native Fähigkeit in Mit @capgo/capacitor-live-activities, @capgo/capacitor-live-activities für die Implementierungsdetails in @capgo/capacitor-live-activities und Mit @capgo/capacitor-video-player für die native Fähigkeit in Verwendung von @capgo/capacitor-Video-Player.