Расчет высоты SafeAreaView для iPhoneX - PullRequest
1 голос
/ 07 мая 2020

Я работаю над требованием, в котором я должен разместить контейнер под заголовком с position: 'absolute' и вверху в зависимости от высоты заголовка, которую я могу получить из import { Header } from 'react-navigation-stack', а затем Header.HEIGHT.

Все работает идеально, кроме iPhone X подобных устройств, где у него есть дополнительный пуловер устройства, из-за которого он занимает дополнительное пространство, и поэтому я не могу правильно разместить контейнер, поэтому я хочу рассчитать эту высоту, чтобы я мог сложите его, если он присутствует, в верхнее значение позиции.

Ответы [ 2 ]

1 голос
/ 10 мая 2020

Я искал какое-то общее c решение, и, наконец, я использую 'response-native-status-bar-height', чтобы узнать высоту строки состояния, а затем добавляю ее к фактической высоте заголовка навигации для позиционирования

1 голос
/ 07 мая 2020

Обычно высота строки состояния, как показано ниже,

  • 44 для безопасного iPhone X
  • 30 для небезопасного iPhone X
  • 20 для других iOS устройств
  • StatusBar.currentHeight для Android

Также вы можете использовать внешнюю библиотеку, например react-native- iphone -x-helper для разработки вашего приложения для iPhone X, XS, XS Max & XR или response-native-safe-area-context для обработки безопасной области.

Надеюсь, это поможет тебе избавиться от сомнений.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...