react native 震动 Vibration 使用详解

Vibration.vibrate()用于控制设备震动。

vibrate(pattern, repeat)

pattern：参数为一个不定长的数组。在Andriod上，数组第一个元素表示开始震动前的等待时间，然后是震动持续时长和等待时长的交替，例如[0, 500, 1000, 500]表示立刻开始震动500ms，然后等待1000ms，再震动500ms；但在iOS上震动时长是固定的，所以从数组第二个元素开始都是表示震动的间隔时长。

repeat参数为布尔类型，表示是否持续循环震动。为true时只有调用cancel才会停止。
cancel :停止震动

  <View style={{flex: 1}}><Button title='震动' onPress={()=>{Vibration.vibrate([0, 500, 1000, 500],true)}}/><Button title='取消' onPress={()=>{Vibration.cancel()}}/></View>

更多Demo github下载地址

react native 震动 Vibration 使用详解相关推荐

React Native - Keyboard API使用详解（监听处理键盘事件）
参考: React Native - Keyboard API使用详解(监听处理键盘事件) 当我们点击输入框时,手机的软键盘会自动弹出,以便用户进行输入. 但有时我们想在键盘弹出时对页面布局做个调整, ...
react native bundle读取assets_react-native-easy-app 详解与使用之（一）AsyncStorage
react-native-easy-app 是一款为React Native App快速开发提供基础服务的纯JS库(支持 IOS & Android),特别是在从0到1的项目搭建初期,至少可以 ...
React Native和Android整合详解
前言按照React Native的迭代速度,使用官网的文档,已经不能很顺利的实现React Native和Android的有效整合.React Native最新版本已经是0.39.为了更好的讲解R ...
25、react 中使用路由 router 详解
react 中使用路由 router 详解今天开始最新的一个模块,也是 react 开发中最重要的一部分,就是路由. SPA 理解我们使用原生的 HTML + CSS + JavaScript 开 ...
native react 折线图_【详解】纯 React Native 代码自定义折线图组件(译)
本文为 Marno 翻译,转载必须保留出处! 公众号[ Marno ],关注后回复 RN 加入交流群 React Native 优秀开源项目大全:http://www.marno.cn 一.前言在移 ...
React Native - 使用Vibration API实现设备振动
有时程序中需要实现这样的功能,当有重要的消息提醒时,我们会发出声音告知用户.而如果用户关闭了声音,那么就可以改用振动来提醒用户. React Native 提供的 Vibration API,我们可以 ...
react中constructor( )和super( )详解
前言如果大家经常使用 react() 做项目,像constructor( )与super( )肯定是司空见惯了,哪哪都有,但是很多人都是复制粘贴一把梭,并不知道这是干啥的与底层原理. 实际上这不是 ...
React学习二（组件详解）
文章目录一.React数据流二.组件的特性 1.属性(props) (1)React Props默认值与标签属性限制 (2)应用-React组件切分与提取 2.状态(state) (1)state ...
React 组件的生命周期详解
2019独角兽企业重金招聘Python工程师标准>>> 概念:在组建的创建.到加载到页面上运行以及组件被销毁的过程中,总是伴随的各种各样的事件,这些在组件特定时期,出触发的事件就叫做 ...

react native 震动 Vibration 使用详解

react native 震动 Vibration 使用详解相关推荐

最新文章

热门文章