React Native: How to implement haptic feedback in React Native?

1import * as Haptics from "expo-haptics";
2
3// Light impact
4Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light);
5
6// Medium impact
7Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Medium);
8
9// Heavy impact
10Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Heavy);
11
12// Selection feedback
13Haptics.selectionAsync();
14
15// Notification feedback
16Haptics.notificationAsync(
17  Haptics.NotificationFeedbackType.Success
18);
19Haptics.notificationAsync(
20  Haptics.NotificationFeedbackType.Warning
21);
22Haptics.notificationAsync(
23  Haptics.NotificationFeedbackType.Error
24);

1import { useCallback } from "react";
2import * as Haptics from "expo-haptics";
3
4function useHaptics() {
5  const impact = useCallback(
6    (style: Haptics.ImpactFeedbackStyle = "Medium") => {
7      Haptics.impactAsync(style).catch(() => {});
8    },
9    []
10  );
11
12  const notify = useCallback(
13    (type: Haptics.NotificationFeedbackType = "Success") => {
14      Haptics.notificationAsync(type).catch(() => {});
15    },
16    []
17  );
18
19  const select = useCallback(() => {
20    Haptics.selectionAsync().catch(() => {});
21  }, []);
22
23  return { impact, notify, select };
24}
25
26// Usage
27function LikeButton() {
28  const { impact } = useHaptics();
29
30  return (
31    <Pressable
32      onPress={() => {
33        impact("Heavy");
34        onLike();
35      }}
36    >
37      <Text>Like</Text>
38    </Pressable>
39  );
40}