freeCodeCamp/guide/chinese/react-native/screen-dimensions/index.md

1.1 KiB
Raw Blame History

title localeTitle
Screen Dimensions 屏幕尺寸

React Native - 屏幕尺寸

React Native使用每英寸点数DPI来测量用户界面UI的大小和UI上显示的任何内容。这种类型的测量允许应用程序在各种屏幕尺寸和像素密度下看起来均匀。

对于标准用例可以开发应用程序而无需知道用户设备的细节例如像素密度因为UI元素将自动缩放。当需要时PixelRatio API例如PixelRatio用于查找用户设备的像素密度。

为了获得用户设备的窗口或屏幕高度/宽度React Native有一个名为Dimensions的API。

import { Dimensions } from 'react-native'; 

以下是Dimensions API提供的方法

Dimensions.get('window').height; 
 Dimensions.get('window').width; 
 Dimensions.get('screen').height; 
 Dimensions.get('screen').width; 

注意过去使用Dimensions API存在一些已知问题例如在用户旋转设备时未返回正确的信息。在部署应用程序之前最好确保在实际设备上进行测试。