RN实现手机摇一摇功能

在手机app开发过程中很多设计中有摇一摇按钮,RN中实现摇一摇功能用到组件react-native-shake-event

$ npm install react-native-shake-event --save

官网API只给出了npm install 但是我在项目中使用时要在link一下才能起作用

react-native link react-native-shake-event

componentDidMount = () => {组件渲染完后添加摇动事件

RNShakeEvent.addEventListener('shake', () => {

// alert('Device shake!');//判断插件是否起作用

this.setState({

sceneSee: false,//判断是否摇动完毕

shakeBegain: true //提示加载中

})

setTimeout(() => {

this.setState({

sceneSee: true

})

}, 3000)//摇动3秒后变为true

});

}

componentWillMount() {

RNShakeEvent.removeEventListener('shake');//页面加载时移除摇一摇

}

//根据sceneSee和shakeBagain在render中显示不通的内容

猜你喜欢

转载自blog.csdn.net/liulei21/article/details/81697926