26 lines
2.2 KiB
Markdown
26 lines
2.2 KiB
Markdown
|
---
|
|||
|
|
title: Screen Dimensions
|
|||
|
|
localeTitle: Размеры экрана
|
|||
|
|
---
|
|||
|
|
## React Native - Размер экрана
|
|||
|
|
|
|||
|
|
React Native использует Dots In Inch (DPI) для измерения размера пользовательского интерфейса (UI) и всего, что отображается в пользовательском интерфейсе. Этот тип измерений позволяет приложению выглядеть однородно по различным размерам экрана и плотности пикселей.
|
|||
|
|
|
|||
|
|
В стандартных случаях приложения могут быть разработаны без необходимости знать специфику устройства пользователя (например, плотность пикселей), поскольку элементы пользовательского интерфейса будут масштабироваться автоматически. Когда это требуется, есть API-интерфейсы, такие как `PixelRatio` для определения плотности пикселей пользовательского устройства.
|
|||
|
|
|
|||
|
|
Чтобы получить высоту и ширину окна или экрана пользовательского устройства, React Native имеет API под названием « `Dimensions` .
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
import { Dimensions } from 'react-native';
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
Вот методы, которые предоставляет API-интерфейс `Dimensions` :
|
|||
|
|
|
|||
|
|
```js
|
|||
|
|
Dimensions.get('window').height;
|
|||
|
|
Dimensions.get('window').width;
|
|||
|
|
Dimensions.get('screen').height;
|
|||
|
|
Dimensions.get('screen').width;
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
**Примечание. В прошлом были некоторые известные проблемы с API-интерфейсом Dimensions, такими как не возвращающая правильную информацию, когда пользователь поворачивает свое устройство. Лучше всего проверять это на реальных устройствах перед развертыванием приложения.**
|