Включить тактильную обратную связь в интерактивном сенсорном представлении

Если вы используете Expo с react-native, я рекомендую вам использовать Expo haptics

После установки библиотеки вы можете использовать ее как:

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

Я нашел этот компонент на github https://github.com/charlesvinette/react-native-haptic < / а>

Вы можете использовать встроенный модуль вибрации facebook.github.io/react-native / docs / touchablewithoutfeedback

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

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

Не забудьте включить это в свой AndroidManifest

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

Я опубликовал на Github проект, который предоставляет эту функцию. Проверьте это репо: react-native-haptic-view

У меня почти такие же требования, и в итоге я использовал эту библиотеку реакция-родная-тактильная-обратная связь.

Имейте в виду, что тактильная обратная связь доступна только на некоторых последних устройствах Android и в iOS выше iPhone 6s. Вот простой фрагмент кода:

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.