Zum Hauptinhalt springen
@capgo/capacitor-home-indicator Benutzeroberfläche & System Offene Quelle

Indikator Capacitor-Plugin

Verbergen oder anzeigen Sie den iOS-Home-Indikator für Vollbild- und Immersive-Anwendungen

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

How zu Capacitor verwenden

Gerät testen

Downloaden Sie die Capgo-App, dann scannen Sie die QR-code.

Vorschau-QR-code für den Indicator-Plugin

@capgo/capacitor-home-indicator verwenden

Capacitor-Home-Indicator-Plugin zur Kontrolle der iOS-Home-Indicator-Sichtbarkeit. Der Home-Indicator ist die horizontale Leiste am unteren Ende von iOS-Geräten ohne physischen Home-Button.

Installieren

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

bunx cap sync kopiert die native code des Plugins in Ihre native Projekte. Führen Sie es erneut aus, nachdem Sie jedes Plugin aktualisiert haben.

Importieren

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

API im Überblick

Methode Beschreibung
hide Verstecke die Heimindikator am unteren Bildschirmrand.
show Zeigt den Home-Indikator am unteren Bildschirmrand an.
isHidden Überprüft, ob der Home-Indikator derzeit versteckt ist.

Beispiele

hide()

Verstecke die Heimindikator am unteren Bildschirmrand.

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()

Überprüft, ob der Home-Indikator derzeit versteckt 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

Fortfahren von Using @capgo/capacitor-home-indicator

Wenn Sie Using verwenden Verwendung von @capgo/capacitor-home-indicator um native Plugin-Arbeit zu planen, verbinden Sie es mit @capgo/capacitor-home-indicator zur Implementierungsdetail in @capgo/capacitor-home-indicator Anleitung zum Starten zur Implementierungsdetail in Anleitung zum Starten Capgo Plugin-Verzeichnis zur Produktionsablauf in Capgo Plugin-Verzeichnis Capacitor Plugins von Capgo zur Implementierungsdetail in Capacitor Plugins von Capgo, und Plugins hinzufügen oder aktualisieren zur Implementierungsdetail in Plugins hinzufügen oder aktualisieren.

FAQ

FAQ für den Indikator-Plugin

Wie installiere ich den Indikator-Plugin in einer Capacitor-Anwendung?

Führen Sie "bun add @capgo/capacitor-home-indicator" (oder "npm install @capgo/capacitor-home-indicator") aus, führen Sie dann "bunx cap sync" aus, damit die iOS- und Android-Projekte die native code-Datei aufnehmen. Importieren Sie es aus "@capgo/capacitor-home-indicator" in Ihrer code-Anwendung.

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

Ja. Der Indikator ist ein Capacitor-Paket, daher funktioniert es mit jedem Webframework, das innerhalb von Capacitor läuft, einschließlich Ionic, React, Vue, Angular, Svelte und plain JavaScript.

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

Capgo-Plugins folgen der Capacitor-Version: verwenden Sie die Plugin-Major-Version, die Ihrem Capacitor-Major-Version entspricht (z.B. Plugin v8 mit Capacitor 8). Die Kompatibilitäts-Tabelle im GitHub-README enthält die unterstützten Versionen.

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

Yes. The source code is public on GitHub at https://github.com/Cap-go/capacitor-home-indicator/ and the package is free to install from npm. Bug reports and pull requests are welcome.

Kann ich code aktualisieren, das den Indicator verwendet, ohne eine App-Store-Bewertung?

Die Installation oder das Upgrade des Plugins ändert die native code, daher ist eine neue Store-Build erforderlich. Anschließend können JavaScript-, HTML- und CSS-Änderungen, die den Plugin aufrufen, sofort mit Capgo Live-Updates verschickt werden.

Schiffe Indikator-Änderungen ohne Warten auf die App-Bewertung

Einmal der Plugin in Ihrem Laden ist, Capgo Live-Updates drücken Ihre JavaScript-, HTML- und CSS-Änderungen an die Benutzer in Minuten

Beginnen Sie mit Capgo