React-Native: Как получить полную высоту устройства при включенном «Полноэкранном режиме»?

Question

Я беру высоту Window с помощью Dimensions.get('window').height и рендеринг контента на экране.Но когда Full Screen Mode включен, аппаратные кнопки скрыты, что приводит к дополнительному пространству на экране.Но все равно Dimensions.get('window').height дает ту же высоту, что и предыдущая (когда Full Screen Mode была отключена).В конце концов экран заканчивается дополнительным пробелом.

Есть ли какой-либо способ в react-native отобразить содержимое в соответствии с Full Screen Mode?

И, Как получить полную высоту устройствакогда включен полноэкранный режим?

Answer 1

Существует разница между window и screen в API Dimensions.

По большей части Dimensions.get('window').height !== Dimensions.get('screen').height

Этот ответ SO отлично описывает разницу https://stackoverflow.com/a/44979327/5508175

tl; др

• window: сообщает о ширине / высоте без мягкой панели меню
• screen: сообщает о ширине / высоте всего экрана

Я думаю, что вы хотите использовать screen вместоwindow

В качестве альтернативы вы можете попробовать что-то вроде

{ top: 0, bottom: 0, left: 0, right: 0 }

и оно должно охватывать весь экран

Answer 2

у меня работает:

html, body, #app, #app>div {
  height: 100%
}