
Demuz
25.05.2018
07:02:17
а как можно дровер поставить поверх свитч навигатора?
Делаете дровер. Делаете свитч. В дровере указываете скрин, который является компонентом со 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

Peter
25.05.2018
07:16:56

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

Vlad
25.05.2018
12:17:04

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
таки всплывашку надо показывать под хедером

Demuz
25.05.2018
13:09:44

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
ну так я это всё сделал
просто архитектурно в своей структуре надо как-то расположить, чтобы не тыкать этот компонент в каждую страницу

Demuz
25.05.2018
13:59:41
Вот здесь.

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

Demuz
25.05.2018
14:49:46

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

Google

Alexander
25.05.2018
14:55:48
структура
наверное, наиболее распространённая

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

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

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

Alexander
25.05.2018
15:22:47

Demuz
25.05.2018
15:23:09

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
Параметры, принимаемы на вход - это само сообщение, анимация входа(если указана), анимация выхода(если указана) и время в MS(setTimeout), через которое срабатывает анимация выхода.
Эти переменные прослушиваются в компоненте MessageHeader. Как заскринено выше.

Arkady
25.05.2018
16:50:13

Demuz
25.05.2018
16:50:44
Да, вот они. Извиняюсь, пришлось так записать, чтобы уместилось в скрин.
Могу показать подключение MobX в 3-4 простых шага, если интересно.

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

Demuz
25.05.2018
16:58:41