如何为 Farcaster Mini App 添加 haptics - Monad Documentation

Haptics 是一种为应用添加触觉反馈的方式,可以增强用户交互和响应性。本指南将带您在 Farcaster Mini App 中实现 haptics,为用户提供更直观、更有吸引力的体验。

在 Farcaster Mini App 中实现 haptics

如果您使用的是 Monad Mini App 模板,可以使用来自 useFrame hook 的 haptics。如果您没有使用 Monad Mini App 模板,可以查看 useFrame hook 来了解实现细节。以下是在 Farcaster Mini App 中实现 haptics 的示例:

...

export default function MyComponent() {
  const { haptics } = useFrame();

  return (
    <div>
      <button onClick={() => haptics.impactOccurred('light')}>Light Impact</button>
    </div>
  );
}

支持的 haptics

支持以下 haptics:

Haptic 类型	代码
Light Impact	`haptics.impactOccurred('light')`
Medium Impact	`haptics.impactOccurred('medium')`
Heavy Impact	`haptics.impactOccurred('heavy')`
Soft Impact	`haptics.impactOccurred('soft')`
Rigid Impact	`haptics.impactOccurred('rigid')`
Success Notification	`haptics.notificationOccurred('success')`
Warning Notification	`haptics.notificationOccurred('warning')`
Error Notification	`haptics.notificationOccurred('error')`
Selection Change	`haptics.selectionChanged()`

⌘I