Получите высоту экрана устройства в React Native, когда включена функция полноэкранного жеста и на устройстве есть выемка

Мне нужно получить реальную высоту экрана устройств, на которых включена функция Жест во весь экран и есть выемка< /эм>.

Дело в том, что обе функции этого устройства могут быть изменены пользователями, я имею в виду включение/отключение полноэкранного жеста и включение скрытия выреза.

Я пытался использовать функции класса Dimensions React Native безрезультатно.

Как узнать, включены ли эти функции на текущем устройстве, чтобы правильно адаптировать высоту экрана?

Пример полноэкранного жеста в Xiamomi Redmi 7


react-native android fullscreen android-fullscreen
person Yulio Aleman Jimenez    schedule 05.01.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Поиграв немного с CSS в RN, я обнаружил, что при использовании модели Flex некоторые свойства могут быть очень сложными.

В моем случае реальная проблема заключалась в том, чтобы расширить представление до высоты устройства, независимо от того, есть ли на устройстве вырез или включен режим жестов.

Если мы установим flex: 1 для каждого иерархического уровня представлений, от корневого родителя до желаемого представления, тогда эти представления будут вести себя как полная высота/ширина.

Пример:

<View style={{flex: 1}}">
    <View style={{flex: 1}}">
        <View style={{flex: 1}}">
            This view will expand to full height and width
        </View>
    </View>
</View>
person Yulio Aleman Jimenez    schedule 06.02.2020