Erste Schritte
Kopiere einen Setup-Prompt mit den Installationsschritten und dem vollständigen Markdown-Guide für dieses Plugin.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-shake`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/shake/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
Installieren
Abschnitt mit dem Titel „Installation“Du kannst unser KI-gestütztes Setup nutzen, um das Plugin zu installieren. Füge deinem KI-Tool die Capgo Skills mit folgendem Befehl hinzu:
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-pluginsNutze anschließend diesen Prompt:
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-shake` plugin in my project.Wenn du ein manuelles Setup bevorziehst, installiere das Plugin mit den folgenden Befehlen und befolge die plattformspezifischen Anweisungen unten:
bun add @capgo/capacitor-shakebunx cap syncImportieren
Abschnitt mit dem Titel „Import“import { CapacitorShake } from '@capgo/capacitor-shake';Quickstart
Abschnitt mit dem Titel „Quickstart“import { CapacitorShake } from '@capgo/capacitor-shake';
const listener = await CapacitorShake.addListener('shake', () => { openFeedbackSheet();});
// on logout or route leaveawait listener.remove();Beispiel: Throttle in der code App
Abschnitt mit dem Titel „Beispiel: Throttle in der code App“Shake-Events können in Schüben auftreten. Nutze Debounce, bevor Modals geöffnet oder APIs aufgerufen werden.
Häufige Fehlerquellen
Abschnitt mit dem Titel „Häufige Fehlerquellen“- Web: Über dieses Plugin gibt es kein Shake-API in mobilen Browsern.
- Listener bereinigen: Entferne Listener beim Verlassen des Screens, um doppelte Handler zu vermeiden.
- Android vs. iOS: Die Empfindlichkeit variiert; teste dies auf echter Hardware.
API Übersicht
Abschnitt mit dem Titel „API Übersicht“addListener
Abschnitt mit dem Titel „addListener“Auf Shake-Events auf dem Gerät hören.
Registriert einen Listener, der aufgerufen wird, sobald eine Shake-Geste erkannt wird. Die Shake-Erkennung nutzt den Beschleunigungssensor des Geräts, um Shake-Muster zu identifizieren.
import { CapacitorShake } from '@capgo/capacitor-shake';
const listener = await CapacitorShake.addListener('shake', () => { console.log('Shake detected!');});
// To remove the listener:await listener.remove();getPluginVersion
Abschnitt mit dem Titel „getPluginVersion“Gibt die native Capacitor Plugin-Version zurück.
Gibt die aktuelle Version der nativen Plugin-Implementierung zurück.
import { CapacitorShake } from '@capgo/capacitor-shake';
const { version } = await CapacitorShake.getPluginVersion();console.log('Plugin version:', version);Source of Truth
Abschnitt mit dem Titel „Source of Truth“Diese Seite wird aus dem Plugin- src/definitions.ts. Führe den Sync erneut aus, wenn sich der öffentliche API upstream ändert.
Weiter mit Getting Started
Abschnitt „Weiter mit Getting Started“Wenn Sie ... verwenden Erste Schritte Um Dashboard- und API-Operationen zu planen, verbinde es mit Verwendung von @capgo/capacitor-shake für die native Funktion bei der Nutzung von @capgo/capacitor-shake, API Übersicht für Details zur Implementierung in der Übersicht zu API, Einführung für das Implementierungsdetail in der Einleitung, API Keys für die Implementierungsdetails in den API Keys und Geräte für die Implementierungsdetails bei Devices.