Vibration

React Native · Reference cheat sheet

📋 Overview

Vibration triggers the device vibrator for tactile feedback. Simple on Android/iOS; patterns are mainly Android. For richer feedback on iOS, prefer Expo Haptics / native haptics APIs.

🔧 Core concepts

Permissions: generally none for basic vibrate; respect user settings.

💡 Examples

import { Vibration, Pressable, Text, Platform } from "react-native";

export function BuzzButton() {
  return (
    <Pressable
      onPress={() => {
        if (Platform.OS === "android") {
          Vibration.vibrate([0, 50, 40, 50]);
        } else {
          Vibration.vibrate();
        }
      }}
    >
      <Text>Buzz</Text>
    </Pressable>
  );
}

⚠️ Pitfalls

• Overusing vibration → annoying / battery drain.
• Expecting Android patterns to feel identical on iOS.
• Using Vibration when Haptics impact/selection is more appropriate.
• Not cancelling long patterns on unmount.

🔗 Related

• haptics.md — Expo/iOS-quality haptics
• pressable.md — press feedback
• alert.md — confirmations
• platform_specific.md — Platform
• accesebility.md — reduce motion / feedback