Ansehen auf __CAPGO_KEEP_0__
Anleitung
Tutorial zur Navigation
Download the Capgo app, then scan the QR code.
Mit @capgo/capacitor-navigation-bar
Capacitor Navigation Bar Plugin für die Anpassung des Android-Navigationsleisten.
Installieren
bun add @capgo/capacitor-navigation-bar
bunx cap sync
Was dieses Plugin bereitstellt
setNavigationBarColor- Die Farbe und das Design der Navigationsleiste und des Navigationsknopfes setzen.getNavigationBarColor- Die aktuelle Farbe und das Design der Navigationsleiste und des Navigationsknopfes abrufen.
Beispiel zur Verwendung
setNavigationBarColor
- Die Farbe und das Design der Navigationsleiste und des Navigationsknopfes 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 und das Design der Navigationsleiste und des Navigationsknopfes 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-navigation-bar/
- Dokumentation: /docs/plugins/navigation-bar/
Weiter mit der Verwendung von @capgo/capacitor-navigation-bar
Wenn Sie @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-navigation-bar verwenden Um native Medien- und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-navigation-bar für die Implementierungsdetails in @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-navigation-bar @capgo/capacitor-navigation-bar for the implementation detail in @capgo/capacitor-navigation-bar, Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-activities If you are using Using @capgo/capacitor-navigation-bar Für die native Fähigkeit in @capgo/capacitor-live-aktivitäten, @capgo/capacitor-live-aktivitäten Für die Implementierungsdetail in @capgo/capacitor-live-aktivitäten und Mit @capgo/capacitor-video-player Für die native Fähigkeit in Mit @capgo/capacitor-video-player.