ios: Vibration example in UIExplorer

facebook · Aug 5, 2016 · dcd4955 · dcd4955
1 parent 10ea701
commit dcd4955
Showing 1 changed file with 37 additions and 4 deletions.
diff --git a/Examples/UIExplorer/js/VibrationExample.js b/Examples/UIExplorer/js/VibrationExample.js
@@ -30,12 +30,45 @@ var {
   Text,
   TouchableHighlight,
   Vibration,
+  Platform,
 } = ReactNative;
 
 exports.framework = 'React';
 exports.title = 'Vibration';
 exports.description = 'Vibration API';
+
+var pattern, patternLiteral, patternDescription;
+if (Platform.OS === 'android') {
+  pattern = [0, 500, 200, 500];
+  patternLiteral = '[0, 500, 200, 500]';
+  patternDescription = `${patternLiteral}
+arg 0: duration to wait before turning the vibrator on.
+arg with odd: vibration length.
+arg with even: duration to wait before next vibration.
+`;
+} else {
+  pattern = [0, 1000, 2000, 3000];
+  patternLiteral = '[0, 1000, 2000, 3000]';
+  patternDescription = `${patternLiteral}
+vibration length on iOS is fixed.
+pattern controls durations BETWEEN each vibration only.
+
+arg 0: duration to wait before turning the vibrator on.
+subsequent args: duration to wait before next vibrattion.
+`;
+}
+
 exports.examples = [
+  {
+    title: 'Pattern Descriptions',
+    render() {
+      return (
+        <View style={styles.wrapper}>
+          <Text>{patternDescription}</Text>
+        </View>
+      );
+    },
+  },
   {
     title: 'Vibration.vibrate()',
     render() {
@@ -51,12 +84,12 @@ exports.examples = [
     },
   },
   {
-    title: 'Vibration.vibrate([0, 500, 200, 500])',
+    title: `Vibration.vibrate(${patternLiteral})`,
     render() {
       return (
         <TouchableHighlight
           style={styles.wrapper}
-          onPress={() => Vibration.vibrate([0, 500, 200, 500])}>
+          onPress={() => Vibration.vibrate(pattern)}>
           <View style={styles.button}>
             <Text>Vibrate once</Text>
           </View>
@@ -65,12 +98,12 @@ exports.examples = [
     },
   },
   {
-    title: 'Vibration.vibrate([0, 500, 200, 500], true)',
+    title: `Vibration.vibrate(${patternLiteral}, true)`,
     render() {
       return (
         <TouchableHighlight
           style={styles.wrapper}
-          onPress={() => Vibration.vibrate([0, 500, 200, 500], true)}>
+          onPress={() => Vibration.vibrate(pattern, true)}>
           <View style={styles.button}>
             <Text>Vibrate until cancel</Text>
           </View>