Zum Hauptinhalt springen
@capgo/capacitor-shake Device-APIs Open Source

Schütteln Capacitor Plugin

Erkennt Shake-Gesten auf dem Gerät, um Aktionen wie Rückgängig oder Feedback auszulösen

Installieren

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

Anleitung

Shake in Capacitor nutzen

Auf dem Gerät testen

Lade die Capgo App herunter und scanne den QR code.

QR-Code zur Shake-Plugin-Vorschau code

@capgo/capacitor-shake verwenden

Capacitor Shake Plugin zum Erkennen von Shake-Gesten auf mobilen Geräten. Mit diesem Plugin kannst du auf Shake-Events hören und Plugin-Versionsinfos abrufen.

Installieren

bun add @capgo/capacitor-shake
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 { CapacitorShake } from '@capgo/capacitor-shake';

API auf einen Blick

Methode Beschreibung
addListener Auf Shake-Events auf dem Gerät lauschen.
getPluginVersion Die native Capacitor Plugin-Version abrufen.

Beispiele

addListener()

Auf Shake-Events auf dem Gerät lauschen.

import { CapacitorShake } from '@capgo/capacitor-shake';

const listener = await CapacitorShake.addListener('shake', () => {
  console.log('Shake detected!');
});

// To remove the listener:
await listener.remove();

getPluginVersion()

Die native Capacitor Plugin-Version abrufen.

import { CapacitorShake } from '@capgo/capacitor-shake';

const { version } = await CapacitorShake.getPluginVersion();
console.log('Plugin version:', version);

Events abonnieren

addListener gibt ein Handle zurück. Rufe handle.remove() wenn der Screen unmountet wird.

Vollständige Referenz

Weiter geht's mit „Using @capgo/capacitor-shake“

Wenn du es nutzt @capgo/capacitor-shake verwenden Um die Arbeit an nativen Plugins zu planen, verbinde sie mit @capgo/capacitor-shake für die Implementierungsdetails in @capgo/capacitor-shake, 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

Shake Plugin FAQ

Wie installiere ich das Shake Plugin in einer Capacitor App?

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

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

Ja. Shake 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-shake 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-shake kostenlos und Open Source?

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

Kann ich code mit Shake aktualisieren, ohne ein App Store Review abzuwarten?

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.

Shake-Änderungen ausrollen, ohne auf den App-Review zu warten

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