Spec-Zone.ru › React Native

useWindowDimensions

import { useWindowDimensions } from 'react-native';

useWindowDimensions автоматически обновляет значения width и height при изменении размера экрана. Вы можете получить ширину и высоту окна вашего приложения следующим образом:

const { height, width } = useWindowDimensions();
  • Хук useDimensions из библиотеки React Native hooks сообщества призван упростить работу с изменениями размера экрана/окна.
  • React Native Responsive Dimensions также поставляется с отзывчивыми хуками.

Свойства

fontScale

useWindowDimensions().fontScale;

Масштаб шрифта, используемого в настоящее время. Некоторые операционные системы позволяют пользователям увеличивать или уменьшать размер шрифта для удобства чтения. Это свойство позволит вам узнать, что в данный момент установлено.

height

useWindowDimensions().height;

Высота окна или экрана, занимаемого вашим приложением, в пикселях.

scale

useWindowDimensions().scale;

Отношение пикселей устройства, на котором запущено ваше приложение.

Значение 1 указывает на PPI/DPI 96 (76 на некоторых платформах). 2 указывает на дисплей Retina или с высоким разрешением.

width

useWindowDimensions().width;

Ширина окна или экрана, занимаемого вашим приложением, в пикселях.

© 2022 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://reactnative.dev/docs/usewindowdimensions

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API