Langsung ke konten utama
@capgo/capacitor-shake API Perangkat Open source

Goyang plugin Capacitor

Deteksi gestur shake di perangkat untuk memicu aksi seperti undo atau feedback

Instal

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

Panduan

Cara menggunakan Shake di Capacitor

Tes di perangkat

Download aplikasi Capgo, lalu scan QR code.

QR preview plugin Shake code

Menggunakan @capgo/capacitor-shake

Antarmuka Capacitor Shake Plugin untuk mendeteksi gesture shake pada perangkat mobile. Plugin ini memungkinkan Anda mendengarkan event shake dan mendapatkan informasi versi plugin.

Instal

bun add @capgo/capacitor-shake
bunx cap sync

bunx cap sync menyalin code native plugin ke dalam proyek native Anda. Jalankan kembali setiap kali melakukan upgrade plugin.

Impor

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

Sekilas tentang API

Metode Deskripsi
addListener Deteksi event shake pada perangkat.
getPluginVersion Dapatkan versi plugin native Capacitor.

Contoh

addListener()

Deteksi event shake pada perangkat.

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

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

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

getPluginVersion()

Dapatkan versi plugin native Capacitor.

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

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

Mendengarkan event

addListener mengembalikan sebuah handle. Panggil handle.remove() saat screen di-unmount.

Referensi lengkap

Lanjutkan dari Menggunakan @capgo/capacitor-shake

Jika Anda menggunakan Menggunakan @capgo/capacitor-shake untuk merencanakan pekerjaan plugin native, hubungkan dengan @capgo/capacitor-shake untuk detail implementasi di @capgo/capacitor-shake, Panduan Memulai untuk detail implementasi di Getting Started, Direktori Plugin Capgo untuk alur kerja produk di Direktori Plugin Capgo, Plugin Capacitor oleh Capgo untuk detail implementasi di Plugin Capacitor oleh Capgo, dan Menambahkan atau Memperbarui Plugin untuk detail implementasi di bagian Menambahkan atau Memperbarui Plugin.

FAQ

FAQ plugin Shake

Bagaimana cara install plugin Shake di aplikasi Capacitor?

Jalankan "bun add @capgo/capacitor-shake" (atau "npm install @capgo/capacitor-shake"), lalu jalankan "bunx cap sync" agar proyek iOS dan Android mengenali code native-nya. Import dari "@capgo/capacitor-shake" di dalam code aplikasi Anda.

Apakah @capgo/capacitor-shake bisa digunakan dengan React, Vue, dan Angular?

Ya. Shake adalah package Capacitor, jadi bisa digunakan dengan framework web apa pun yang berjalan di dalam Capacitor, termasuk Ionic, React, Vue, Angular, Svelte, dan JavaScript biasa.

Versi Capacitor mana yang didukung oleh @capgo/capacitor-shake?

Plugin Capgo mengikuti versi mayor Capacitor: gunakan versi mayor plugin yang sesuai dengan versi mayor Capacitor Anda (contoh: plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub mencantumkan versi yang masih di-maintain.

Apakah @capgo/capacitor-shake gratis dan open source?

Ya. Source code bersifat publik di GitHub pada https://github.com/Cap-go/capacitor-shake/ dan package ini gratis untuk diinstall dari npm. Bug report dan pull request sangat kami terima.

Bisakah saya update code yang menggunakan Shake tanpa review App Store?

Instalasi atau upgrade plugin akan mengubah native code, jadi butuh build store baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin bisa langsung dikirim lewat live updates Capgo.

Deploy perubahan Shake tanpa menunggu review aplikasi

Setelah plugin ada di build store Anda, live updates Capgo akan mengirim perubahan JavaScript, HTML, dan CSS ke pengguna dalam hitungan menit.

Mulai dengan Capgo