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