Проблемы с челкой на Android?

Question

[Андрей Охотников]

На Андроид заголовок заезжает за челку, как сделать так чтобы экран начинался там где заканчивается челка?

Answer 1

[Роман Александрович]

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

Comments

[Adamos]

А что бы вы посоветовали под iPhone?
Что-то react-only или есть какое-то более универсальное решение проблем с этой самой челкой?

[Роман Александрович]

Adamos, если вы используете react-navigation то там header уже адаптируется под челку. Если не ошибаюсь то header из native base тоже адаптируется. Еще есть react-native-elements. Думаю что большинство ui kit написали адаптацию к iphone X.

[Adamos]

Роман Александрович, увы, я не использую JS вообще.
Я бьюсь с адекватным выкидыванием этой самой челки в C++-приложении.
А экосистема XCode, если входить в нее со стороны - кромешное "сделано Чужими для Хищников"...

[Роман Александрович]

Adamos, ну логика тут простая до ужаса вы ж можете работать с пикселями? если да то у iphone разных версий есть точно прописанные размеры этой челки. Если залезть в исходники headerов то вы увидети что просто накладывают ограничение размеров слева и справа от челки. Вы просто можете посмотреть как по дизайну решили эту проблему и написать на СИ

[Adamos]

Роман Александрович, гладко было на бумаге... по факту нативное приложение даже не может выяснить, в какую сторону повернули телефон и где сейчас челка - слева или справа. Движок, на котором написано мое приложение, позволяет запросить "безопасную область", которая обрезает экран с трех сторон - снизу и по обеим коротким сторонам в тех местах, где может быть челка. Волшебно...

[Роман Александрович]

Adamos, https://github.com/yamill/react-native-orientation вот этот пакет для реакт натив определяет поворот телефона, вы можете посмотреть их реализацию определения поворота экрана.

[Adamos]

Роман Александрович, да, это интересно. Они ловят системное событие и получают строку с ориентацией, причем строки при поворотах в разную сторону различаются...
Спасибо! Буду копать отсюда ;)

[Роман Александрович]

Adamos, удачи

Answer 2

[Adamos]

Начать разбираться можно отсюда: https://developer.android.com/guide/topics/display...
Не подскажу, как это конкретно с Реактом - не знаю, каким образом он взаимодействует с прочей системой. Если там есть Java-обертка - то вам нужно просто задать в ней LAYOUT_IN_DISPLAY_CUTOUT_MODE_NEVER.

Answer 3

[lnked]

Попробуйте с помощью SafeAreaView