@reactnative_ru

Страница 667 из 878
Demuz
25.05.2018
07:02:17
Как сделать, чтобы в DrawerNavigator скрин не отображался в навигации? Чтобы к нему можно было перейти только через navigate?
Если кастомное меню использовать, то легко можно построить список так как нужно. А если стандартное меню, то наверное в доке написано.

а как можно дровер поставить поверх свитч навигатора?
В доке есть примеры. Если v2, то там чуть отличается конструкция навигации внутри другой навигации.

а как можно дровер поставить поверх свитч навигатора?
Делаете дровер. Делаете свитч. В дровере указываете скрин, который является компонентом со static router = SwitchNavigator.router. render return <SwitchNavigator/ screenProps={this.props}>. Я с телефона не могу при идентичный код написать. Но типа того.

Peter
25.05.2018
07:05:43
большое спасибо) буду разбираться

Google
Demuz
25.05.2018
07:06:20
Секунду, накидаю пример.

Peter
25.05.2018
07:06:36
?

Demuz
25.05.2018
07:16:32
большое спасибо) буду разбираться
Блин, пока не могу накидать, но посмотрите этот пример: https://reactnavigation.org/docs/en/common-mistakes.html#explicitly-rendering-more-than-one-navigator

Andrey
25.05.2018
08:09:32
Специалисты, никто не пробовал засунуть в качестве фона для таб навигатора картинку на всю ширину?

Alex
25.05.2018
08:26:32
ImageBackground глянь этот компонент.

https://facebook.github.io/react-native/docs/images.html#background-image-via-nesting

Vlad
25.05.2018
09:20:15
Пробовал кто писать единую код базу для десктоп + веб + мобилки? Electron + react + react-native? Просто простой проект есть (буквально списки с инфой и минимум анимации) и там хотел бы такуб штуку, думаю целесообразно ли

Vladimir
25.05.2018
09:20:51
я пробовал, но react-native-web + electron у меня не взлетел

сейчас делаем реюз actions/reducers между react-native и react-приложением, последнее суем в электрон

Vlad
25.05.2018
09:23:48
Vladimir
25.05.2018
09:24:09
так его и пробовал, говорю ж, не вышло)

может я мало конечно времени потратил

Google
Vlad
25.05.2018
10:16:13
Учту

А что делает colorControlNormal в styles.xml у андроида?

<item name="android:colorControlNormal">#D1D1ED</item>

Damir
25.05.2018
11:01:56
Приложение упало при загрузке ?

Как такое отдебажить? http://take.ms/V7KzM

Vladimir
25.05.2018
11:03:51
А что делает colorControlNormal в styles.xml у андроида?
colorControlNormal controls the ‘normal’ state of components such as an unselected EditText, and unselected Checkboxes and RadioButtons https://medium.com/google-developers/theming-with-appcompat-1a292b754b35

Alexander
25.05.2018
12:31:13
вопрос: как внутрь стэкнавигатора запихнуть компонент?

чтобы он присутствовал на каждой странице стэка

Vlad
25.05.2018
12:51:46
Не знаю другого решения

Alexander
25.05.2018
12:52:15
или видимо придётся запилить свой кастомный стэк

а то заколупаюсь к каждой странице hoc дописывать

Vlad
25.05.2018
12:52:33
А чем хое плох?)

Разве это

Alexander
25.05.2018
12:53:20
таки всплывашку надо показывать под хедером

Alexander
25.05.2018
13:10:22
над хедером это как нефиг)

Demuz
25.05.2018
13:10:48
Сам компонент подправить и будет под хедером. Разницы нет.



Google
Demuz
25.05.2018
13:13:30




Типа того. Пойдет?

Alexander
25.05.2018
13:16:18
под хедером

не над, не на хедере

а именно под. потому что при закрытии всплывашки, она скрывается под хедер

Demuz
25.05.2018
13:18:32
А здесь не под хедером?

Скрин обрезан просто же. Она анимированно вверх под хедер уходит. Полный код могу скинуть. Там где то 30 строк со стилями.

С любого участка вызываешь. Любые данные подставляешь и вид анимации указываешь, если нужно.

Alexander
25.05.2018
13:40:24
ну так я это всё сделал

просто архитектурно в своей структуре надо как-то расположить, чтобы не тыкать этот компонент в каждую страницу

Alexander
25.05.2018
14:00:27
я понял, у тебя кастомный хедер

Demuz
25.05.2018
14:01:13
Нет. Хедер отключен вобще. ?

Это типа хедер на экране, на самом деле не хедер вообще.

Alexander
25.05.2018
14:25:55
Demuz судя по всему твой этот код находится над всеми стэками, правильно? структурно, имею ввиду

Vova
25.05.2018
14:39:30


Alexander
25.05.2018
14:55:45
ну у тебя какая-то кастомная муть, а у меня Tab-Stack

Google
Alexander
25.05.2018
14:55:48
структура

наверное, наиболее распространённая

Demuz
25.05.2018
15:04:56
Офигенная муть, один компонент над всеми, где динамически меняешь содержимое

ну у тебя какая-то кастомная муть, а у меня Tab-Stack
Ну и таб стэк там тоже есть, над ним тоже такое оповещение выходит.

Alexander
25.05.2018
15:10:14
у меня header не кастомный, а часть этого навигатора. и чтобы всплывашка пряталась под хедер, логично, что всплывашка должна быть где-то на уровне хедера

иные решения - от лукавого, и будут перекрывать хедеры, статусбары и на iphone x будут выгядеть паршиво

Demuz
25.05.2018
15:15:18
Текущий хедер незнаю как переделывать, но вы можете написать хедер сами и вставить его 1 раз в сам стакнавигатор, в navigationOption: { header: <вашХедер/> }

иные решения - от лукавого, и будут перекрывать хедеры, статусбары и на iphone x будут выгядеть паршиво
Нормальный расчет и ничего не будет паршиво или там по-моему готовые есть хедеры, под ос, которые юзает react navigation, они пишут об этом в доке.

Demuz
25.05.2018
15:23:09
иные решения - от лукавого, и будут перекрывать хедеры, статусбары и на iphone x будут выгядеть паршиво
https://reactnavigation.org/docs/en/handling-iphonex.html Вот они здесь еще про фикс для десятки пишут.

Alexander
25.05.2018
15:26:42
или обернуть всю прилагу в стэк

и там задать

у меня структура Switch - Stack (3 стека) - Tab - Stack

Tim
25.05.2018
15:30:21
Ребят ставили react -native-touch-id ? как использвать совместно отпечаток и пароль телефона, (сейчас требует отпечаток, елси выбрать проверку паролем то закрывается)

Demuz
25.05.2018
15:30:35
или обернуть всю прилагу в стэк
Ну там вариантов много. А вас кстати, немного оффтоп, не раздражает, что в стеке по дефолту экраны накладываются друг на друга снизу вверх, а не как скажем в телеграме или большинстве приложений, справа-налево?

Alexander
25.05.2018
15:31:04
это у вас поди в андроиде так

Demuz
25.05.2018
15:31:37
НУ да, недавно сунулся искать, как сделать одинаковое наложение на обоих платформах. Думал, может пригодится. Справа налево.

Alexander
25.05.2018
15:32:01
в андроиде - это дефолтное поведение. в ios справа-налево

Tim
25.05.2018
15:32:25
или есть совет что использовать лучше, мне надо что было тач, фейс и пароль

Google
Demuz
25.05.2018
15:33:00
или есть совет что использовать лучше, мне надо что было тач, фейс и пароль
На экспо у нас тач айди не завелся. Может просто потому что я его терпеть не могу. А Тот что вы выше написали не было возможности проверить.

Arkady
25.05.2018
16:20:21
Здравствуйте! Помогите пожалуйста советом:) Мне необходимо реализовать точно такое же: одна всплывашка для всех экранов, что бы можно было с любого места указать данные, и вызвать (только в моем случае используется Стек навигатор) Как можно обратиться к MessageHeader с любого экрана?

Demuz
25.05.2018
16:33:52
Здарова. Там вобще не принципиален какой-либо навигатор или что-то подобное. MessageHeader это динамический класс так скажем, потому что к нему подключен MobX store. Коротко - делается стор, это просто класс, с кучей обновляемых переменных. В свой компонент можно подключить созданный стор в виде props. Реализуется типа class MainStore extends... @observable messageHeaderVisible = false Затем, когда я создаю class MessageHeader, то над ним через @ подключаю тот самый MainStore, который создавал ранее и мне становится доступна переменная из MainStore. Если любой другой компонент вмешается в работу MainStore из другого места, то все остальные компоненты, к оторым уже был подключен MainStore, Отреагируют на изменение переменной.



Arkady
25.05.2018
16:43:55
Я с mobX не знаком В проекте использую редакс Но я попробую спроэцировать на редакс Дальше идём)

Demuz
25.05.2018
16:44:21
Я с mobX не знаком В проекте использую редакс Но я попробую спроэцировать на редакс Дальше идём)
Поэтому я вас с ним и знакомлю. Знакомство и понимание не займет более 5ти минут, полагаю.

Параметры, принимаемы на вход - это само сообщение, анимация входа(если указана), анимация выхода(если указана) и время в MS(setTimeout), через которое срабатывает анимация выхода.

Эти переменные прослушиваются в компоненте MessageHeader. Как заскринено выше.

Arkady
25.05.2018
16:50:13
Эти переменные прослушиваются в компоненте MessageHeader. Как заскринено выше.
И при их изменении отображается всплывашка, верно?

Demuz
25.05.2018
16:50:44


Да, вот они. Извиняюсь, пришлось так записать, чтобы уместилось в скрин.



Могу показать подключение MobX в 3-4 простых шага, если интересно.

Arkady
25.05.2018
16:56:59
Не стоит, спасибо! Думаю основную идею я понял. Попробую реализовать подобное на редакс! Спасибо вам огромное за подробное описание)

Страница 667 из 878