Метод get

Метод get класса Dimensions синхронно возвращает объект с полями width, height, scale и fontScale. Аргумент 'window' описывает окно приложения. Аргумент 'screen' описывает весь экран устройства.

Синтаксис

const res = Dimensions.get('window');

Параметры

Параметр	Описание
`dim`	Строка `'window'` или `'screen'`.

Пример

Давайте прочитаем высоту окна:

import { Dimensions } from 'react-native';

const res = Dimensions.get('window').height;
console.log(res);

Результат выполнения кода:

844

Число зависит от модели устройства и ориентации.

Пример

Давайте зададим высоту блока половиной окна:

import { View, Text, Dimensions } from 'react-native';

export default function App() {
	const { height } = Dimensions.get('window');

	return (
		<View style={{ height: height / 2 }}>
			<Text>abcde</Text>
		</View>
	);
}

На экране блок занимает половину высоты окна, внутри текст 'abcde'.

Смотрите также

метод addEventListener,
который сообщает о смене размеров
класс Dimensions,
который хранит API размеров
функция useWindowDimensions,
которая следит за окном в компоненте
класс PixelRatio,
который учитывает scale из ответа