Ulad🧑‍💻
А чем хое плох?)
Ulad🧑‍💻
Разве это
A
таки всплывашку надо показывать под хедером
Demuz
таки всплывашку надо показывать под хедером
Всплывашка. Правда над хедером, поверх )
A
над хедером это как нефиг)
Demuz
Сам компонент подправить и будет под хедером. Разницы нет.
Demuz
Demuz
Demuz
Demuz
Типа того. Пойдет?
A
под хедером
A
не над, не на хедере
A
а именно под. потому что при закрытии всплывашки, она скрывается под хедер
Demuz
А здесь не под хедером?
Demuz
Скрин обрезан просто же. Она анимированно вверх под хедер уходит. Полный код могу скинуть. Там где то 30 строк со стилями.
Demuz
С любого участка вызываешь. Любые данные подставляешь и вид анимации указываешь, если нужно.
A
ну так я это всё сделал
A
просто архитектурно в своей структуре надо как-то расположить, чтобы не тыкать этот компонент в каждую страницу
Demuz
A
я понял, у тебя кастомный хедер
Demuz
Нет. Хедер отключен вобще. 😁
Demuz
Это типа хедер на экране, на самом деле не хедер вообще.
A
Demuz судя по всему твой этот код находится над всеми стэками, правильно? структурно, имею ввиду
Anonymous
Кто знает в чем проблема, подскажите пожалуйста
A
ну у тебя какая-то кастомная муть, а у меня Tab-Stack
A
структура
A
наверное, наиболее распространённая
Demuz
Офигенная муть, один компонент над всеми, где динамически меняешь содержимое
Demuz
ну у тебя какая-то кастомная муть, а у меня Tab-Stack
Ну и таб стэк там тоже есть, над ним тоже такое оповещение выходит.
Demuz
A
у меня header не кастомный, а часть этого навигатора. и чтобы всплывашка пряталась под хедер, логично, что всплывашка должна быть где-то на уровне хедера
A
иные решения - от лукавого, и будут перекрывать хедеры, статусбары и на iphone x будут выгядеть паршиво
Demuz
Текущий хедер незнаю как переделывать, но вы можете написать хедер сами и вставить его 1 раз в сам стакнавигатор, в navigationOption: { header: <вашХедер/> }
Demuz
иные решения - от лукавого, и будут перекрывать хедеры, статусбары и на iphone x будут выгядеть паршиво
Нормальный расчет и ничего не будет паршиво или там по-моему готовые есть хедеры, под ос, которые юзает react navigation, они пишут об этом в доке.
Demuz
иные решения - от лукавого, и будут перекрывать хедеры, статусбары и на iphone x будут выгядеть паршиво
https://reactnavigation.org/docs/en/handling-iphonex.html Вот они здесь еще про фикс для десятки пишут.
A
или обернуть всю прилагу в стэк
A
и там задать
A
у меня структура Switch - Stack (3 стека) - Tab - Stack
Anonymous
Ребят ставили react -native-touch-id ? как использвать совместно отпечаток и пароль телефона, (сейчас требует отпечаток, елси выбрать проверку паролем то закрывается)
Demuz
или обернуть всю прилагу в стэк
Ну там вариантов много. А вас кстати, немного оффтоп, не раздражает, что в стеке по дефолту экраны накладываются друг на друга снизу вверх, а не как скажем в телеграме или большинстве приложений, справа-налево?
A
это у вас поди в андроиде так
Demuz
НУ да, недавно сунулся искать, как сделать одинаковое наложение на обоих платформах. Думал, может пригодится. Справа налево.
A
в андроиде - это дефолтное поведение. в ios справа-налево
Anonymous
или есть совет что использовать лучше, мне надо что было тач, фейс и пароль
Demuz
или есть совет что использовать лучше, мне надо что было тач, фейс и пароль
На экспо у нас тач айди не завелся. Может просто потому что я его терпеть не могу. А Тот что вы выше написали не было возможности проверить.
Arkadii
Всплывашка. Правда над хедером, поверх )
Здравствуйте! Помогите пожалуйста советом:) Мне необходимо реализовать точно такое же: одна всплывашка для всех экранов, что бы можно было с любого места указать данные, и вызвать (только в моем случае используется Стек навигатор) Как можно обратиться к MessageHeader с любого экрана?
Demuz
Здарова. Там вобще не принципиален какой-либо навигатор или что-то подобное. MessageHeader это динамический класс так скажем, потому что к нему подключен MobX store. Коротко - делается стор, это просто класс, с кучей обновляемых переменных. В свой компонент можно подключить созданный стор в виде props. Реализуется типа class MainStore extends... @observable messageHeaderVisible = false Затем, когда я создаю class MessageHeader, то над ним через @ подключаю тот самый MainStore, который создавал ранее и мне становится доступна переменная из MainStore. Если любой другой компонент вмешается в работу MainStore из другого места, то все остальные компоненты, к оторым уже был подключен MainStore, Отреагируют на изменение переменной.
Demuz
Вот смотрите, appState, это экземпляр класса AppState, при таком применении его называют стором. Дальше идем?
Arkadii
Вот смотрите, appState, это экземпляр класса AppState, при таком применении его называют стором. Дальше идем?
Я с mobX не знаком В проекте использую редакс Но я попробую спроэцировать на редакс Дальше идём)
Demuz
Я с mobX не знаком В проекте использую редакс Но я попробую спроэцировать на редакс Дальше идём)
Поэтому я вас с ним и знакомлю. Знакомство и понимание не займет более 5ти минут, полагаю.
Demuz
Я с mobX не знаком В проекте использую редакс Но я попробую спроэцировать на редакс Дальше идём)
Это тот самый AppState класс. observable импортирован из библиотеки mobx. Так описан messageHeader.
Demuz
Параметры, принимаемы на вход - это само сообщение, анимация входа(если указана), анимация выхода(если указана) и время в MS(setTimeout), через которое срабатывает анимация выхода.
Demuz
Это тот самый AppState класс. observable импортирован из библиотеки mobx. Так описан messageHeader.
Эти переменные прослушиваются в компоненте MessageHeader. Как заскринено выше.
Arkadii
Эти переменные прослушиваются в компоненте MessageHeader. Как заскринено выше.
И при их изменении отображается всплывашка, верно?
Demuz
Demuz
Да, вот они. Извиняюсь, пришлось так записать, чтобы уместилось в скрин.
Demuz
Это тот самый AppState класс. observable импортирован из библиотеки mobx. Так описан messageHeader.
В любом компоненте, где перед классом сделан @inject('appState'), доступен такой вызов метода из AppState.
Demuz
Могу показать подключение MobX в 3-4 простых шага, если интересно.
Arkadii
Не стоит, спасибо! Думаю основную идею я понял. Попробую реализовать подобное на редакс! Спасибо вам огромное за подробное описание)
Andrei
Парни, кто шарит в xCode?
GrafMine
ухты в реакте есть DI ? =))
GrafMine
dependency injection
Demuz
Незнаю, я же новичек) Просто как должное воспринял. Помню они много где есть, в др языках. А в JS это помоему более современный стандарт?
Stas
dependency injection
можно ведь легко написть
Demuz
Это везде обертка просто? Определенные действия до и после?
zamir
ребят, есть у кого ссылка на репо с хорошим примером проекта на react-native? в гитхабе лазаю, не могу найти ничего, одни только либы, а мне бы знать а мне бы какой-нить пример приложения
akasybe
https://github.com/jondot/awesome-react-native#open-source-apps
Andrei
Спецы, кто нибудь подключал facebook account kit для ios?
Max
Было дело
Max
Если правильно понимаю, о чем речь, то все делали по доке. Главное не забыть его скопировать по тому же пути