react native獲取螢幕尺寸

2022-02-08 09:55:31 字數 371 閱讀 5430

專案中需要獲取手機的尺寸

import 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螢幕尺寸適配

現在的手機品牌和型號越來越多,導致我們平時寫布局的時候會在個不同的移動裝置上顯示的效果不同,比如我們的設計稿乙個view的大小是300,如果直接寫300,可能在當前裝置顯示正常,但到了其他裝置可能就會偏小或者偏大,這就需要我們對螢幕進行適配。安卓原生的話有自己的適配規則,可以根據不同的尺寸建立不同的...

react native 螢幕尺寸轉換

設計圖的尺寸 一般ui設計原型基於iphone6,解析度 1334 x 750,螢幕尺寸 4.7英吋 計算公式 dpi ppi 螢幕長 2 螢幕寬 2 螢幕尺寸 px dp ppi 160 demsity dpi 160 根據公式計算可得 dpi ppi 1334 2 750 2 4.7 326dp...

獲取螢幕大小

螢幕的大小有兩種情形 1 整個螢幕的大小,包括工具欄的大小。方法是用函式 intwinapigetsystemmetrics in int nindex 用法 int xscreen getsystemmetrics sm cxfullscreen screen widthint yscreen g...