useWindowDimensions¶

1

import { useWindowDimensions } from 'react-native';

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

1

const { height, width } = useWindowDimensions();

Пример¶

• Хук useDimensions из библиотеки сообщества React Native Hooks призван облегчить работу с изменениями размеров экрана/окна.
• React Native Responsive Dimensions также поставляется с отзывчивыми хуками.

Свойства¶

fontScale¶

1

useWindowDimensions().fontScale;

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

height¶

1

useWindowDimensions().height;

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

scale¶

1

useWindowDimensions().scale;

Соотношение пикселей устройства, на котором работает ваше приложение. Значения могут быть:

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

width¶

1

useWindowDimensions().width;

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

Комментарии