Как определить высоту строки состояния React Native для iOS

Question

В моем приложении React Native для iOS я хочу сделать <View>что закрывает строку состояния. В большинстве мест говорят, что это должно быть20pxв высоту, но на iPhone 11, например, она кажется выше. Мне нужно решение, подходящее для всех устройств.

Как мне подойти к этому?

Answer 1

Вы можете установить высоту строки состояния, это то, что связано с ОС телефона. Если вы хотите расширить его, вы можете просто добавить под ним View с тем же цветом.

Чтобы решить проблемы с iPhone 10 или выше, вам необходимо использовать SafeAreaView.

"Цель SafeAreaView - отображать контент в пределах границ безопасной зоны устройства. В настоящее время он применим только к устройствам iOS с iOS версии 11 или более поздней"