在 react-native 可触摸视图上启用触觉反馈

Question

我正在编写一个 react-native 应用程序，并且我注意到虽然按钮在单击时看起来像原生按钮 - 但它们的行为并不像一个（至少不像 android 按钮的行为）。

点击 android 应用按钮 - 发出声音并向用户提供触觉反馈。 在声音上，我看到有 github 讨论和未解决的问题，但我在任何地方都找不到关于触觉反馈的任何信息。

如何使我的视图（任何可触摸的视图..）在点击时产生触觉反馈？ 这在应用中是非常重要的感觉。

我想要这样的东西（在 android 中）

View view = findViewById(...)
view.performHapticFeedback(HapticFeedbackConstants.VIRTUAL_KEY);

这不需要应用程序拥有Vibrate 的权限。

我自己使用Vibrate api 管理触觉反馈会导致全局禁用此选项的用户体验不良行为

谢谢

Answer 1

如果你使用 Expo 和 react-native，我建议你使用 Expo haptics

安装库后你可以像这样使用它：

<TouchableOpacity onPress = { ()=> { 
     Haptics.notificationAsync(Haptics.NotificationFeedbackType.Success)
     or
     Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light) 
     or
     Haptics.selectionAsync()
   
 } } > </TouchableOpacity>

Answer 2

我在github上找到了这个组件https://github.com/charlesvinette/react-native-haptic

我还没有尝试过，但它应该可以帮助您获得所需的触觉反馈。

Answer 3

我也有几乎相同的要求，我最终使用了这个库react-native-haptic-feedback。

请记住，触觉反馈仅适用于某些最新的 Android 设备和 iPhone 6s 以上的 iOS。这是一个简单的代码sn-p：

import ReactNativeHapticFeedback from "react-native-haptic-feedback";

const options = {
  enableVibrateFallback: true,
  ignoreAndroidSystemSettings: false
};

ReactNativeHapticFeedback.trigger("impactMedium", options);

在您的情况下，它将直接与按钮的 onPress 方法一起使用，例如：

<TouchableOpacity onPress={()=>{ReactNativeHapticFeedback.trigger("impactMedium", options);}} />

注意：我发现最多设备支持的最通用类型是impactMedium。

Answer 4

我在 Github 上发布了一个提供此功能的项目。 看看这个 repo：react-native-haptic-view

Answer 5

您可以使用内置的振动模块facebook.github.io/react-native/docs/touchablewithoutfeedback

import { Vibration } from 'react-native';
...

<TouchableWithoutFeedback
  onPressIn={() => Vibration.vibrate()}
/>

记得将它包含在你的 AndroidManifest 中

<uses-permission android:name="android.permission.VIBRATE" />