How to add vibration to a React Native project

Introduction :

If you want to add vibration, react-native provides one API for that. You can create vibrations in single occurrence or pattern. Starting and canceling a vibration is easy. Just call one method and it will do that. Let me show you how.

Permission in Android :

You need to add one permission in Android for vibration. Open the AndroidManifest.xml file inside the android folder and add the below line :

Add this as a direct child.

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

You don’t need anything on iOS.

vibrate() method :

vibrate() method is used to produce vibration. Import Vibration from react-native and call this method Vibration.vibrate(). It also take two optional parameters :

vibrate(?pattern: number | Array, ?repeat: boolean)

The vibration duration is 400 ms by default on Android and iOS. You can change it on Android. Pass a number as the first argument for that. This number will represent the new duration in ms.

You can also pass one array of numbers as the first argument representing a vibration pattern (vibration pattern in milliseconds). This works for both Android and iOS.

The second parameter repeat is used to mark it as a repeat pattern. If you set it as true, it will repeat the vibration until you cancel it. It is false by default.

Canceling a vibration :

cancel() method is used to cancel vibration. You don’t have to cancel it if repeat is false.