Zum Hauptinhalt springen
@capgo/capacitor-home-indicator UI & System Open Source

Indikator Capacitor Plugin

iOS-Home-Indicator für Fullscreen- und immersive App-Erlebnisse ein- oder ausblenden

Installieren

bun add @capgo/capacitor-home-indicator bunx cap sync
npm, pnpm oder yarn
  • npm install @capgo/capacitor-home-indicator
  • pnpm add @capgo/capacitor-home-indicator
  • yarn add @capgo/capacitor-home-indicator

Anleitung

So nutzt man den Indicator in Capacitor

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

QR-Code zur Plugin-Vorschau: code

Verwendung von @capgo/capacitor-home-indicator

Das Capacitor Home Indicator Plugin steuert die Sichtbarkeit des iOS Home Indicators. Der Home Indicator ist der horizontale Balken am unteren Rand von iOS-Geräten ohne physischen Home-Button.

Installieren

bun add @capgo/capacitor-home-indicator
bunx cap sync

bunx cap sync kopiert den nativen code des Plugins in deine nativen Projekte. Nach jedem Plugin-Upgrade erneut ausführen.

Importieren

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

API auf einen Blick

Methode Beschreibung
hide Blendet den Home-Indikator am unteren Bildschirmrand aus.
show Zeigt den Home-Indikator am unteren Bildschirmrand an.
isHidden Prüfen, ob der Home-Indicator aktuell ausgeblendet ist.

Beispiele

hide()

Blendet den Home-Indikator am unteren Bildschirmrand aus.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

await HomeIndicator.hide();

show()

Zeigt den Home-Indikator am unteren Bildschirmrand an.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

await HomeIndicator.show();

isHidden()

Prüfen, ob der Home-Indicator aktuell ausgeblendet ist.

import { HomeIndicator } from '@capgo/capacitor-home-indicator';

const { hidden } = await HomeIndicator.isHidden();
if (hidden) {
  console.log('Home indicator is hidden');
} else {
  console.log('Home indicator is visible');
}

Vollständige Referenz

Weiter mit der Verwendung von @capgo/capacitor-home-indicator

Wenn du es nutzt Verwendung von @capgo/capacitor-home-indicator Um die Arbeit an nativen Plugins zu planen, verbinde sie mit @capgo/capacitor-home-indicator für die Implementierungsdetails in @capgo/capacitor-home-indicator, Erste Schritte für die Implementierungsdetails in Erste Schritte, Capgo Plugin-Verzeichnis für den Produkt-Workflow im Capgo Plugin-Verzeichnis, Capacitor Plugins von Capgo für die Implementierungsdetails in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren für die Implementierungsdetails in Plugins hinzufügen oder aktualisieren.

FAQ

Indicator Plugin FAQ

Wie installiere ich das Indicator Plugin in einer Capacitor App?

Führe "bun add @capgo/capacitor-home-indicator" (oder "npm install @capgo/capacitor-home-indicator") aus und danach "bunx cap sync", damit die iOS- und Android-Projekte die nativen code übernehmen. Importiere es in deiner code App aus "@capgo/capacitor-home-indicator".

Funktioniert @capgo/capacitor-home-indicator mit React, Vue und Angular?

Ja. Indicator ist ein Capacitor Package und funktioniert daher mit jedem Web-Framework, das in Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und reinem JavaScript.

Welche Capacitor Version wird von @capgo/capacitor-home-indicator unterstützt?

Capgo Plugins folgen der Major-Version von Capacitor: Nutze die Plugin-Major-Version, die zu deiner Capacitor Major-Version passt (z. B. Plugin v8 bei Capacitor 8). Die Kompatibilitätstabelle im GitHub README listet die gepflegten Versionen auf.

Ist @capgo/capacitor-home-indicator kostenlos und Open Source?

Ja. Der code Source Code ist öffentlich auf GitHub unter https://github.com/Cap-go/capacitor-home-indicator/ einsehbar und das Package kann kostenlos via npm installiert werden. Bug-Reports und Pull Requests sind willkommen.

Kann ich code mit Indicator nutzen, ohne ein App Store Review zu durchlaufen?

Die Installation oder ein Upgrade des Plugins ändert den nativen code, weshalb ein neuer Store-Build nötig ist. Danach können JavaScript-, HTML- und CSS-Änderungen, die das Plugin aufrufen, sofort per Capgo Live Updates ausgeliefert werden.

Indicator-Änderungen ohne App-Review veröffentlichen

Sobald das Plugin in deinem Store-Build ist, bringt Capgo mit Live-Updates deine JavaScript-, HTML- und CSS-Änderungen in Minuten zu den Nutzern.

Starte mit Capgo