跳过主要内容
@capgo/capacitor-shake 设备API 开源

摇动 Capacitor 插件

检测设备上的震动手势,触发像撤销或反馈这样的动作

安装

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

指南

如何使用Capacitor

在设备上测试

下载Capgo应用,扫描QR code

摇动插件预览QR code

使用@capgo/capacitor-shake

Capacitor Shake 插件用于在移动设备上检测摇动手势。该插件允许您监听摇动事件并获取插件版本信息。

安装

bun add @capgo/capacitor-shake
bunx cap sync

bunx cap sync 复制插件的本机code到您的本机项目中。每次升级插件后都要重新运行它。

导入

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

API概览

方法 描述
addListener 监听设备上的抖动事件。
getPluginVersion 获取本机Capacitor插件版本。

示例

addListener()

监听设备上的抖动事件。

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

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

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

getPluginVersion()

获取本机Capacitor插件版本。

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

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

监听事件

addListener 返回一个句柄。调用 handle.remove() 当屏幕卸载时。

全参考

继续使用 @capgo/capacitor-shake

如果您正在使用 使用 @capgo/capacitor-shake 为了计划原生插件工作,连接它与 @capgo/capacitor-shake 在 @capgo/capacitor-shake 中获取实现细节 开始使用 为《开始使用》中的实现细节 Capgo 插件目录 为产品工作流程在 Capgo 插件目录中 Capacitor 由 Capgo 提供的插件 为实现细节在 Capacitor 由 Capgo 提供的插件中,并且 添加或更新插件 为实现细节在添加或更新插件中。

常见问题

震动插件常见问题

如何在 Capacitor 应用中安装震动插件?

运行 "bun add @capgo/capacitor-shake" (或 "npm install @capgo/capacitor-shake"),然后运行 "bunx cap sync",使 iOS 和 Android 项目捕获 native code。从 "@capgo/capacitor-shake" 导入到您的应用 code。

@capgo/capacitor-shake 与 React、Vue 和 Angular 是否兼容?

是的。震动是 Capacitor 包,因此它与任何运行在 Capacitor 内的 Web 框架兼容,包括 Ionic、React、Vue、Angular、Svelte 和普通 JavaScript。

哪个 Capacitor 版本支持 @capgo/capacitor-shake?

Capgo 插件遵循 Capacitor 的主要版本:使用与 Capacitor 主要版本匹配的插件版本(例如插件 v8 与 Capacitor 8)。兼容性表格在 GitHub README 中列出维护的版本。

是否 @capgo/capacitor-shake 免费且开源?

是。code 的源代码在 GitHub 上公开,https://github.com/Cap-go/capacitor-shake/,并且可以从 npm 免费安装。欢迎bug报告和pull请求。

是否可以在App Store没有审查的情况下更新使用Shake的 code?

安装或升级插件会改变本机 code,因此需要新建一个商店构建。之后,JavaScript、HTML和CSS的更改可以立即通过 Capgo 实时更新。

不必等待应用程序审查就可以将震动的变化推送到商店

一旦插件在您的商店构建中,Capgo实时更新将推送您的JavaScript、HTML和CSS更改到用户中几分钟内。

从Capgo开始