норм, конечно

норм, конечно

репа здесь https://github.com/gHashTag/header на второй скрин по аналогии и кнопку назад добавить

Что за привычка ридми пустым оставлять :/

Привет, кто-то уже столкнулся с статусбаром на ios 11? Есть способ убрать его?

ну задисейблить же можно

во

Good morning

disqus.com кто-нибудь интегрировал?

не ужели никто не интегрировал? может есть аналоги коментов для веба и rn?

There is can speak english at here

There is can speak english at here

Maybe, what you want?

There is can speak english at here

How can we help you?

How can we help you?

Its nice to know whom can help me, thanks

Привет, а подскажите как react native работает? На телефоне запускается интерпретатор js или он траслируется в си код?

Привет, а подскажите как react native работает? На телефоне запускается интерпретатор js или он траслируется в си код?

наколько мне известно, то это js окружение

Привет, а подскажите как react native работает? На телефоне запускается интерпретатор js или он траслируется в си код?

https://www.logicroom.co/react-native-architecture-explained/

репа здесь https://github.com/gHashTag/header на второй скрин по аналогии и кнопку назад добавить

похоже работает

надо тока самостоятельно пилить функционал back button

я уже не говорю про отлов лоадингов

пахнет костылём диким

Мы какую задачу решаем: убираем paddingTop 20 или поднимаем хедер?

а если поднимаем хедер, стилями можно ограничиться?

да это ад, какой-то

стили для headerBackButton как прокинуть?

<Header renderLeft renderTitle renderRight /> и ничего никуда не надо прокидывать) пишешь стандартные "кнопки" с onPress

<Header title={'Добавить Адрес'} left={<TextButton onPress={() => navigateBack()}>Отмена</TextButton>} right={<TextButton onPress={this.handleSave}>Добавить</TextButton>} >

или так

мне для навигации

народ как правильно сделать анимацию что бы Action button плавненько уходил в низ при скроле и наоборот, я припилил это все через позишин боттом и при скроле тупо прибавляю и отнимаю значения. но я реально понимаю что работает криво и не красиво( смотря на другие приложения) подскажите плз как правильно нужно это все позиционировать ?

верстка хитрая, тайтл "растягивается" абослютом на весь хедер и центрируется, лево-право рендерится поверх него 50%/50% и соотв прижимается влево и вправо

ну для навигации - да просто добавится в компоненты-скрины хедер, а стандартный гаси

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

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

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

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

у меня одного без всяких паддингов хэдер? 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

надо тока самостоятельно пилить функционал back button

все просто когда умеешь ? решая только одну эту задачу вы сэкономите тучу времени после, так как это основы. И это не костыль, а опыт написания собственных UI компонентов.

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

хьюман дизайн рулит)

ага

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

какой флаг?

const { isIPhoneX_deprecated } = DeviceInfo;