react 监听屏幕旋转的判断

1、例子使用场景屏幕旋转后重新设置悬浮球的位置

this.getDirection()

window.addEventListener('resize', this.getDirection) //监听屏幕旋转触发方法

getDirection = () => {

const w = window.document.documentElement.clientWidth //获取当前屏幕宽

const h = window.document.documentElement.clientHeight //获取当前屏幕高

this.setState({ oLeft: w - 107, oTop: h / 2 })

}

//卸载 componentWillUnmount在组件从 DOM 中移除之前立刻被调用

componentWillUnmount() {

window.removeEventListener('resize', this.getDirection)

}

react 监听屏幕旋转的判断相关推荐

android 屏幕方向监听,Android如何监听屏幕旋转
背景关于个人,前段时间由于业务太忙,所以一直没有来得及思考并且沉淀点东西:同时组内一个个都在业务上能有自己的思考和总结,在这样的氛围下,不由自主的驱使周末开始写点东西,希望自己除了日常忙于业务,可以 ...
iOS监听屏幕旋转的几种方法
//通过控制器得到屏幕旋转状态 //获取将要旋转的状态 -(void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterf ...
js 监听屏幕转动orientationchange 获取横屏状态window.orientation 监听屏幕旋转完成苹果手机屏幕多次旋转之后window获取的尺寸不对
监听屏幕转动 // 监听屏幕转动 window.addEventListener('orientationchange',function(){// 这个时候屏幕的尺寸数据还没有变化var orien ...
监听屏幕解锁和判断屏幕状态
开发后台服务的时候经常需要对屏幕状态进行判断,如果是想要监听屏幕解锁事件,可以在配置里面注册action为android.intent.action.USER_PRESENT的广播,则可以监听解锁事件 ...
Android监听屏幕解锁和判断屏幕状态
开发后台服务的时候经常需要对屏幕状态进行判断,如果是想要监听屏幕解锁事件,可以在配置里面注册action为 android.intent.action.USER_PRESENT的广播,则可以监听 ...
android 监听屏幕是否锁屏
今天,简单讲讲如何监听手机屏幕是否锁屏. 实现方法:1)通过BroadcastReceiver接收广播Intent.ACTION_SCREEN_ON和Intent.ACTION_SCREEN_OFF可 ...
Flutter中获取监听屏幕方向、锁定屏幕方向
文章目录获取当前屏幕的方向实时监听屏幕方向的改变锁定屏幕方向锁定方向,禁止App随着设备的方向改变锁定启动图的方向默认效果 Android配置 IOS配置动态改变Flutter的屏幕方向 ...
微信小程序-监听屏幕滚动
一.效果: 功能描述:监听屏幕滚动,实现向下滚动时搜索框和分类选项置顶,向上滚动页面恢复原样. 二.实现: 运用页面Page()函数中的onPageScroll方法,来监听屏幕滚动的距离. 1).js ...
react 监听组合键_投资组合中需要的5个React项目
react 监听组合键 You've put in the work and now you have a solid understanding of the React library. 您已经完 ...

react 监听屏幕旋转的判断

react 监听屏幕旋转的判断相关推荐

最新文章

热门文章