react-native获取屏幕尺寸
2017-05-18 10:43
585 查看
项目中需要获取手机的尺寸
import {Dimensions} from "react-native"
var WINDOW = Dimensions.get("window");
var width = WINDOW.width;
var height = WINDOW.height;
var scale = WINDOW.scale;
其中 width, height, scale分别为宽,高,缩放因子,注意react-native对屏幕分辨率进行了统一的封装,(width*scale)*(height*scale)才是屏幕的分辨率,
滑动触摸事件的gesture的dy、dx单位与width、height一致,故不需要转为分辨率来比较大小。
import {Dimensions} from "react-native"
var WINDOW = Dimensions.get("window");
var width = WINDOW.width;
var height = WINDOW.height;
var scale = WINDOW.scale;
其中 width, height, scale分别为宽,高,缩放因子,注意react-native对屏幕分辨率进行了统一的封装,(width*scale)*(height*scale)才是屏幕的分辨率,
滑动触摸事件的gesture的dy、dx单位与width、height一致,故不需要转为分辨率来比较大小。
相关文章推荐
- React-Native 获取屏幕尺寸
- React-Native跨平台多屏幕尺寸适配方案一览
- react-native 屏幕尺寸和文字大小适配
- react native 中获取屏幕宽度方法
- react-native 屏幕尺寸和文字大小适配
- react-native 屏幕尺寸和文字大小适配
- React-native 获取屏幕宽度/高度/像素
- react native 获取控件在手机屏幕中的位置
- react native里获取设备屏幕宽高
- reactnative Dimensions进行获取屏幕宽度和高度信息
- React Native 如何获取不同屏幕的像素密度
- react-native 屏幕尺寸和文字大小适配
- Qt for symbian 获取手机屏幕尺寸以及设置程序全屏
- Android获取屏幕尺寸
- Android 获取屏幕尺寸与密度
- Javascript获取页面、屏幕尺寸大小参数
- 获取屏幕尺寸、状态栏、标题栏高度
- Javascript获取页面、屏幕尺寸大小参数
- android获取屏幕尺寸、密度(判断手机屏幕类型)
- Android 获取屏幕尺寸与密度