Эквивалентно измерению от реакции-натива в реакции

Question

Существует ли эквивалентная библиотека Dimension из response-native в реагирующих js для определения ширины экранного пространства?Если нет, то как мне это сделать?

Я пытаюсь найти ширину текущей веб-страницы, чтобы соответствующим образом масштабировать свои компоненты и показывать / скрывать определенные компоненты в зависимости от ширины.Пример собственного кода реагирования, который я пытаюсь использовать:

{(Dimensions.get('window').width < filterBoxViewWidth) && <div> .. </div>}

или:

(Dimensions.get('window').width >= filterBoxViewWidth) ? 200 : 0

Если не существует эквивалентного пакета, который я мог бы использовать, не могли бы выв состоянии указать мне в правильном направлении, как это сделать иначе.

Спасибо.

Answer 1

Вы можете использовать window.innerWidth для ширины и window.innerHeight для высоты.Он поддерживается всеми современными браузерами:

const { innerWidth: width, innerHeight: height } = window

должен быть эквивалентен:

const ( width, height } = Dimension.get('window')

https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth

https://developer.mozilla.org/en-US/docs/Web/API/Window/innerHeight