[Android] vibration patterns with examples

Author: skv-headless

Examples/UIExplorer/VibrationExample.js

@@ -27,20 +27,64 @@ var {
 exports.framework = 'React';
 exports.title = 'Vibration';
 exports.description = 'Vibration API';
-exports.examples = [{
-  title: 'Vibration.vibrate()',
-  render() {
-    return (
-      <TouchableHighlight
-        style={styles.wrapper}
-        onPress={() => Vibration.vibrate()}>
-        <View style={styles.button}>
-          <Text>Vibrate</Text>
-        </View>
-      </TouchableHighlight>
-    );
+exports.examples = [
+  {
+    title: 'Vibration.vibrate()',
+    render() {
+      return (
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() => Vibration.vibrate()}>
+          <View style={styles.button}>
+            <Text>Vibrate</Text>
+          </View>
+        </TouchableHighlight>
+      );
+    },
   },
-}];
+  {
+    title: 'Vibration.vibrate([0, 500, 200, 500], -1)',
+    render() {
+      return (
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() => Vibration.vibrate([0, 500, 200, 500], -1)}>
+          <View style={styles.button}>
+            <Text>Vibrate once</Text>
+          </View>
+        </TouchableHighlight>
+      );
+    },
+  },
+  {
+    title: 'Vibration.vibrate([0, 500, 200, 500], 0)',
+    render() {
+      return (
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() => Vibration.vibrate([0, 500, 200, 500], 0)}>
+          <View style={styles.button}>
+            <Text>Vibrate until cancel</Text>
+          </View>
+        </TouchableHighlight>
+      );
+    },
+  },
+  {
+    title: 'Vibration.cancel()',
+    render() {
+      return (
+        <TouchableHighlight
+          style={styles.wrapper}
+          onPress={() => Vibration.cancel()}>
+          <View style={styles.button}>
+            <Text>Cancel</Text>
+          </View>
+        </TouchableHighlight>
+      );
+    },
+  },
+];
 
 var styles = StyleSheet.create({
   wrapper: {

Libraries/Vibration/Vibration.js

@@ -27,11 +27,35 @@ var Platform = require('Platform');
  */
 
 var Vibration = {
-  vibrate: function(duration: number = 400) {
+  vibrate: function(pattern: number | Array<number> = 400, repeat: number = -1) {
     if (Platform.OS === 'android') {
-      RCTVibration.vibrate(duration);
+      if (typeof pattern === 'number') {
+        RCTVibration.vibrate(pattern);
+      } else if (Array.isArray(pattern)) {
+        RCTVibration.vibrateByPattern(pattern, repeat);
+      } else {
+        throw new Error('Vibration pattern should be a number or array');
+      }
     } else {
-      RCTVibration.vibrate();
+      if (typeof pattern === 'number') {
+        RCTVibration.vibrate();
+      } else if (Array.isArray(pattern)) {
+        console.warn('Vibration patterns are not supported on iOS');
+      } else {
+        throw new Error('Vibration pattern should be a number or array');
+      }
+    }
+  },
+  /**
+   * Stop vibration
+   *
+   * @platform android
+   */
+  cancel: function() {
+    if (Platform.OS === 'ios') {
+      console.warn('Vibration.cancel is not supported on iOS');
+    } else {
+      RCTVibration.cancel();
     }
   }
 };

ReactAndroid/src/main/java/com/facebook/react/modules/vibration/VibrationModule.java

@@ -15,6 +15,7 @@
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContextBaseJavaModule;
 import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.ReadableArray;
 
 public class VibrationModule extends ReactContextBaseJavaModule {
 
@@ -34,4 +35,25 @@ public void vibrate(int duration) {
       v.vibrate(duration);
     }
   }
+
+  @ReactMethod
+  public void vibrateByPattern(ReadableArray pattern, int repeat) {
+    long[] patternLong = new long[pattern.size()];
+    for (int i = 0; i < pattern.size(); i++) {
+      patternLong[i] = pattern.getInt(i);
+    }
+
+    Vibrator v = (Vibrator) getReactApplicationContext().getSystemService(Context.VIBRATOR_SERVICE);
+    if (v != null) {
+      v.vibrate(patternLong, repeat);
+    }
+  }
+
+  @ReactMethod
+  public void cancel() {
+    Vibrator v = (Vibrator) getReactApplicationContext().getSystemService(Context.VIBRATOR_SERVICE);
+    if (v != null) {
+      v.cancel();
+    }
+  }
 }