神刀安全网

【React Native开发】React Native API模块之Vibration控制设备震动详解

尊重版权,未经授权不得转载

本文来自:江清清的技术专栏(http://www.lcode.org)

(一)前言

今天我们来看一下Vibration模块控制设备震动详解。

刚创建的React Native技术交流3群( 496508742 ),欢迎各位大牛,React Native技术爱好者加入交流!同时博客右侧欢迎微信扫描关注订阅号,移动技术干货,精彩文章技术推送!

当前Vibration API模块使用Vibration.vibrate()方法进行调用控制设备震动。当前vibration方法是异步的,所以当我们调用的时候该不会立即返回结果。当前模块不支持所有的设备,如果当前是iOS模拟器的话,那么调用时没有反应的。

[注意]如果是android设备,就需要在AndroidManifest.xml文件中添加权限:

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

[特别注意].当前Vibration模块还不支持

(二)方法

1.vibrate(duration:number)  static静态方法,进行调出设备震动效果

(三)使用实例

下面使用具体实例代码进行演示一下基本用法,具体JS代码如下:

/**  * Sample React Native App  * https://github.com/facebook/react-native  */  import React, {   AppRegistry,   Component,   StyleSheet,   Text,   View,   TouchableHighlight,   Vibration, } from 'react-native'; class CustomButton extends React.Component {   render() {     return (       <TouchableHighlight         style={styles.button}         underlayColor="#a5a5a5"         onPress={this.props.onPress}>         <Text style={styles.buttonText}>{this.props.text}</Text>       </TouchableHighlight>     );   } } class StatusBarIOS extends Component {   render() {     return (       <View>         <Text style={styles.welcome}>            Vibation实例         </Text>         <CustomButton             text="点击设备震动"             onPress={()=>Vibration.vibrate()}         />       </View>     );   } } const styles = StyleSheet.create({   welcome: {     fontSize: 20,     textAlign: 'center',     marginTop: 20,   },    button: {     margin:5,     backgroundColor: 'white',     padding: 15,     borderBottomWidth: StyleSheet.hairlineWidth,     borderBottomColor: '#cdcdcd',   }, }); AppRegistry.registerComponent('StatusBarIOS', () => StatusBarIOS);

当前代码是在android项目中测试,所以AndroidManifset.xml文件需要配置如下权限:

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

界面效果截图:

【React Native开发】React Native API模块之Vibration控制设备震动详解

(四)最后总结

今天我们主要讲解学习了Vibration模块控制设备震动详解,大家有问题可以加一下群React Native技术交流3群( 496508742 ).或者底下进行回复一下。

尊重原创,未经授权不得转载:From Sky丶清( http://www.lcode.org/ ) 侵权必究!

关注我的订阅号(codedev123),每天分享移动开发技术(Android/IOS),项目管理以及博客文章!(欢迎关注,第一时间推送精彩文章)

【React Native开发】React Native API模块之Vibration控制设备震动详解

关注我的微博,可以获得更多精彩内容

【React Native开发】React Native API模块之Vibration控制设备震动详解

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 【React Native开发】React Native API模块之Vibration控制设备震动详解

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
分享按钮