Lebih lanjut ke konten utama
@capgo/capacitor-goyangkan API Perangkat Terbuka Sumber

Shake Plugin Capacitor

Deteksi getaran perangkat untuk mengaktifkan aksi seperti batalkan atau feedback

Pasang

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

Test di perangkat

Unduh aplikasi Capgo, kemudian scan kode QR code.

Pratinjau QR code plugin Shake

Menggunakan @capgo/capacitor-shake

Capacitor Plugin Shake untuk mendeteksi gerakan goyang pada perangkat mobile. Plugin ini memungkinkan Anda untuk mendengarkan event goyang dan mendapatkan informasi versi plugin.

Install

bun add @capgo/capacitor-shake
bunx cap sync

bunx cap sync Mengcopy kode native code ke proyek-proyek native Anda. Jalankan lagi setelah setiap pembaruan plugin.

Import

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

API secara langsung

Methode Deskripsi
addListener Tangkap peristiwa goncangan pada perangkat.
getPluginVersion Mendapatkan versi plugin native Capacitor.

Contoh

addListener()

Tangkap peristiwa goncangan 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()

Mendapatkan versi plugin native Capacitor.

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

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

Dengarkan event

addListener Tangkap event-event tertentu. Mengembalikan sebuah handle. Panggil handle.remove() ketika layar dihapus.

Referensi lengkap.

Teruskan dari Menggunakan @capgo/capacitor-shake

Jika Anda menggunakan Menggunakan @capgo/capacitor-shake untuk merencanakan pekerjaan plugin native, hubungkannya dengan @capgo/capacitor-shake untuk detail implementasi di @capgo/capacitor-shake Mulai Menggunakan untuk detail implementasi di Getting Started, Daftar Direktori Plugin Capgo untuk alur kerja produk di Daftar Direktori Plugin Capgo, Capacitor Plugin oleh Capgo untuk detail implementasi di Capacitor Plugin oleh Capgo, dan Menambahkan atau Mengupdate Plugin untuk detail implementasi di Menambahkan atau Mengupdate Plugin.

FAQ

Pertanyaan Shake plugin

Bagaimana cara menginstal plugin Shake di aplikasi Capacitor?

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

Apakah @capgo/capacitor-shake dapat berjalan dengan React, Vue, dan Angular?

Iya. Shake adalah paket Capacitor, sehingga dapat berjalan 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?

Capgo plugin mengikuti Capacitor versi utama: gunakan versi plugin utama yang sesuai dengan versi utama Capacitor Anda (misalnya plugin v8 dengan Capacitor 8). Tabel kompatibilitas di README GitHub menampilkan versi yang dipertahankan.

Apakah @capgo/capacitor-shake gratis dan terbuka sumber?

Ya. Sumber code tersedia secara publik di GitHub di https://github.com/Cap-go/capacitor-shake/ dan paketnya dapat diinstal secara gratis dari npm. Laporan bug dan permintaan pull diterima.

Apakah saya dapat memperbarui code yang menggunakan Shake tanpa melalui tinjauan App Store?

Pemasangan atau pembaruan plugin mengubah code native, sehingga memerlukan build toko baru. Setelah itu, perubahan JavaScript, HTML, dan CSS yang memanggil plugin dapat dikirimkan secara langsung dengan Capgo live updates.

Kirim perubahan Shake tanpa menunggu tinjauan aplikasi

Setelah plugin masuk dalam toko aplikasi Anda, Capgo pembaruan hidup memindahkan perubahan JavaScript, HTML, dan CSS Anda ke pengguna dalam menit.

Mulai dengan Capgo