обуздать дефолтное поведение встроенных в реакт-навигейшн контролов - дикая и бесполезная трата времени

хедер - час, таббар с иконками - час, и всё - полный контроль и красота)

и все навигационные экшены в отдельный модуль заизолировать)

да, а как быть с быстрым переключением ? типа человека кликает по кнопку назад

у меня одного без всяких паддингов хэдер? https://snack.expo.io/B1s7FoZ1z . что @alexandertorn мозг то компосирует)

я понимаю что ты админ

но в суть то мог вникнуть

убей statusbar

и увидишь баг

о, ты не поверишь, я вник, вот тебе исходники, тут ты и найдешь почему вставляется https://github.com/react-community/react-navigation/blob/master/src/views/SafeAreaView.js

если уж ты совсем ленив то вот сразу место https://github.com/react-community/react-navigation/blob/master/src/views/SafeAreaView.js#L54-L64

и оно показывает что при хэдере сверху ты не можешь переопределить поведение

я ослеп)

и оно показывает что при хэдере сверху ты не можешь переопределить поведение

я не ленив, последние дни эту фигню активно обсуждают в issues

есть вероятность что на старых версиях react-navigation есть возможность переопределить этот паддинг, но тут для iphone x сделали SafeAreaView

мде, попадалово)

вывод то, если хочешь iphone x поддерживать, то не пренебрегай этим паддингом для статус бара

или если прям совсем ппц как хочется, то форкаешь и меняешь ту функу что я скинул

а еще я поддержу @mordaha, для сложных кейсов я просто свой хэдер пишу и не пользуюсь стандартным

// for iphoneX const heightX = Dimensions.get('window').height === 812 ? 38 : 20;

я уже поддержал ифонХ ))

// for iphoneX const heightX = Dimensions.get('window').height === 812 ? 38 : 20;

там же есть флаг для iphone x)

не у меня свое всё)

кстати

вчера боролся с андроидом и бордер-радиусами

у меня для WebView написан свой кастомный хедер, сложность я вижу в том, что надо хэндлить самостоятельно переходы, что даже визуально придаёт глючности прилаге

ну можно сказать что тебе повезло, что не вышел iphone x+ какой нибудь)

у меня проблема не в iPhone X, а на любом iOs

андроед не хочет круглить углы если width: 100% например а не точная, пришлось из ширины экрана вычислять ширину кнопки это второе применение Dimensions в проекте пока)

короче, приняли решение вернуть StatusBar

и жить в мире с гайдлайнами

вывод то, если хочешь iphone x поддерживать, то не пренебрегай этим паддингом для статус бара

дело в том, что сложного кейса нет. Просто ради интереса, как ты пилишь в таком случае навигацию кнопки Back в хедере? это же погружение в мир лагов, отслеживание страницы как isLoaded, уровня вложенности и прочее .. что усложняет прилагу, и она явно становится медленнее

this.props.navigation.goBack() же

вот как это сделано в самой либе https://github.com/react-community/react-navigation/blob/master/src/views/Header/Header.js#L96-L98

спасибо за наводку

// for iphoneX const heightX = Dimensions.get('window').height === 812 ? 38 : 20;

Говно решение

какой айфон такое и решение)

Не аргумент

Потом сделают мультиоконность, например, и все сломается

преждевременная оптимизация - враг всего

Ребят, а кто как выводит версию приложения, версию билда, например, для экрана "О приложении"? я пару либ попробовал, чёт ни одна не работает, на гитхабе куча issue по этому поводу. Кто чё посоветует?

преждевременная оптимизация - враг всего

Костыли еще хуже

Есть же сейфареа специально для этого

костыли - это сейфарея

и айфонХ в целом

Костыли - это хардкодить высоту статусбара

она меняется?)

она меняется?)

Ее не ты задаешь, а система

шта?)

Эппл волен с ней делать что угодно

+ на андроиде она другая

ясно-понятно)

всем привет) как можна сделать такую штуковину? в React Native новенький нужно только вёрстка

http://take.ms/RQ7PH

ага

там же есть флаг для iphone x)

какой флаг?

const { isIPhoneX_deprecated } = DeviceInfo;

поделитесь опытом, как для андроида вычисляете высоту статусбара?

// for iphoneX const heightX = Dimensions.get('window').height === 812 ? 38 : 20;

Если двойной статусбар (звонок, аудиозапись, режим модема и тд), то не прокатит

да, не прокатит

зуб дадите?)

зуб дадите?)

На примере телеграма, где так захардкожено, это видно

Хардкод 20, РН

Значит, сам рн добавляет 20

То есть нарисовать что-то под этим статусбаром не выйдет

ну а я про че

Еще неизвестно, что хуже

сомневаюсь что рн это делает, скорее система

Даааа, система

поделитесь опытом, как для андроида вычисляете высоту статусбара?

https://facebook.github.io/react-native/docs/statusbar.html

из всего что RN делает при изменении размера статус бара нашел только это https://github.com/facebook/react-native/search?utf8=%E2%9C%93&q=UIApplicationWillChangeStatusBarFrameNotification&type= , кидает эвент и все, никакие размеры он сам не меняет

на самом деле в RN есть StatusBarManager, но он не в публичном апи и использовать на свой страх и риск

но у него есть и getHeight который на обоих платформах возвращает текущую высоту

и событие statusBarFrameWillChange на иосе которое при смене высоты срабатывает

а подскажите как лучше отлаживать приложение? вот играюсь со стилями, например. На девайсе hot reload частенько подвисает, приходится делать reload и т.д.. короче долго.. как удобнее?

делаешь reload приложеньки +))

по классике console.log в нужном месте