Mit @capgo/capacitor-navigation-bar verwenden

Capacitor-Navigation-Barcode-Plugin für die Anpassung des Android-Navigationsleisten

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-navigation-bar/
Dokumentation: /docs/plugins/navigation-bar/

Weitermachen von Using @capgo/capacitor-navigation-bar

Wenn Sie Using verwenden Mit @capgo/capacitor-navigation-bar um native Medien und Schnittstellenverhalten zu planen, verbinden Sie es mit @capgo/capacitor-navigation-bar für die Implementierungsdetails in @capgo/capacitor-navigation-bar, Einstieg für die Implementierungsdetails in Einstieg, 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 Mit @capgo/capacitor-video-player.

Navigation-Leiste

Tutorial zur Navigation