Andrey🏔
в визуальном плане можно юзать снекбары
Peter
у NativeBase есть Toast .. довольно прикольная штука.
Владимир
вообще показывать тостами все ошибки - хорошая идея
Владимир
не изобретать велосипеды, все дела
Demuz
как делают джуны понятно, а как красиво?)
В каком смысле? Для клиента? Если для себя, можно и стандартными способами, если нет, то оверлей с конкретным описанием ошибки.
A
у NativeBase есть Toast .. довольно прикольная штука.
вот тоже присматриваюсь. пока только не понял, как это у них работает
Demuz
Ещё можно на полупрозрачный оверлей наложить и сделать чтобы он на нажатия не реагировал.
A
сама анимашка
Peter
вот тоже присматриваюсь. пока только не понял, как это у них работает
там единственное нужно в <Root> загонять компонент, что тосты появлялись.
A
ну да, вверху по иерархии должен висеть какой-то компонент
Demuz
для людей)
Людям большинство ошибок не нужно. Но можно выводить на оверлей, содержимое которого будет реактивным и доступно с любой точки приложения. У меня код ошибки и ее описание с самого апи приходит, если ошибка, то вывести в оверлей ее описание, типа того.
Demuz
По необходимости, в этот оверлей можно вставить Кастомное содержимое, к примеру, можно вставить красивый экран, где описывается ошибка, для клиента. Типа, ой нет интернета. 😁
Demuz
Есть 1 метод, делающий оверлей переключение, с любой точки приложения и если ты в этот метод ложишь компонент, то при появлении он уже отобразится с ним и с описанием ошибки. Чето я одно и тоже в разных сообщениях говорю. 🤪
A
есть ещё в react16+ ErrorBoundary
A
в инстаграме вот сверху выезжает аккуратный toast "No Internet connection"
Demuz
Ну так легко сделать. Хозяин барин.
Demuz
Если ошибка, вывести тост с содержимым ошибки и если нужно, Кастомный компонент, стили и тому подобное.
Demuz
Ошибок много, Тост 1 и чтобы вызывался хоть с другой вселенной и не будет проблем. 😄
Demuz
Может кто нибудь подсказать, как мобикс изменяет состояние и создаёт переменные без конструктора и без this setState? Там если создаёшь @observable txt = "Hello world" , то запись, вида this.txt = "New text" моментально изменит переменную, где бы она не стояла.
Владимир
в чем собственно вопрос?
Владимир
он отслеживает, в каком рендере какие обзерваблы используется и ставит листенеры на изменение этих обзерваблов с помощью компонента-враппера
Demuz
Просто всегда пользовался this setState для изменения состояния, а только вчера узнал, про способ проще, что значительно облегчает кодинг. Удивился что это работает. Просто о от фонаря в класс вписал тот код.
Demuz
Пользовался обсерваблами только в самом классе в сторе мобикс, думал что они только внутри этого стора работают. После того как увидел, что они везде работают, стал везде их юзать. Классная вещь. А потом мне напарик сказал , что во Vue это из коробки идет, и я заплакал и убежал.
Владимир
мобикс - норм, да
Alexsandr
кто в курсе, как понизить чуствильность scrollview ?
Demuz
Там в доке акселерация есть по-моему.
Demuz
кто в курсе, как понизить чуствильность scrollview ?
https://facebook.github.io/react-native/docs/scrollview.html#decelerationrate
Demuz
Только под IOS написано.
Demuz
https://facebook.github.io/react-native/docs/scrollview.html#decelerationrate
Немного не то. Решает - как быстро остановится, после отпускания пальца, хотя, может оно и есть.
A
есть идея как запихнуть toast под headerbar в react-navigation? как в инстаграме
Mustakillah
https://medium.com/@enitoni/creating-a-reusable-popover-system-with-react-and-mobx-7f47cc3b270d
Mustakillah
Вот пртмер реализации того, чтотвы хотите
A
вот так хочу) и чтобы этот toast "уплывал" под хедер
Mustakillah
Ну тут уже как реализуете)
Mustakillah
А так пример кода выше, там либо mobx либо redux
A
ну таки и проблема)
Władimir (Zae)
у яндекса снизу тост
Władimir (Zae)
тоже неплохо
A
да причем тут redux, или mobx
A
мы тут про UI
Władimir (Zae)
мы тут про UI
сверстать не можешь?
A
и react-native c react-navigation
Władimir (Zae)
и в чем сложность?
A
хедер - часть встроенного навигационного компонента
Władimir (Zae)
я в курсе
Demuz
А в инсте тост раздвигает контент или отрисовывается поверх?
A
поверх, конечно
Demuz
А в чем вопрос? В плане дизайна вы имеете ввиду как разместить?
Władimir (Zae)
ну ты можешь сделать HOC для своих страниц
Władimir (Zae)
и засунуть туда тост
A
как сделать так чтобы он перекрывал контент, но залазил под хедер
Władimir (Zae)
или сеньоры так не делают?)
A
в то время как хедер и контент часть единого целого
A
zIndex и реакт-натив вещи вообще несовместимые как я понял
Demuz
в то время как хедер и контент часть единого целого
Хедер и контент это всегда отдельные вещи.
Demuz
zIndex и реакт-натив вещи вообще несовместимые как я понял
У меня половина приложения, на zIndexах. Вы че ? )))))
Władimir (Zae)
лел
A
делал обычную форму со всплывашками - zIndex не справился
A
пришлось в обратном порядке поля формы пустить
Władimir (Zae)
видимо ты верстаешь плохо
A
началось
A
ты то.. ты сё
Demuz
zIndex и реакт-натив вещи вообще несовместимые как я понял
Почему несовместимая? И индексы и проценты строковые отлично работают. Раньше и про проценты говорили мол перерасчет нужно делать, хотя можно просто указывать строковый процент.
A
сразу видно сеньор
Władimir (Zae)
ну ты говоришь вещи которые противоречат действительности
Demuz
ты то.. ты сё
Еще, к примеру, за один элемент над другим может отвечать elevation если вы не знали.
A
про elevation не знал
Demuz
Władimir (Zae)
Я ?
нет
Władimir (Zae)
александр
A
окей, elevation - Android only
Demuz
про elevation не знал
Я не спец. Но проблем с zIndex не было. Может у вас в чем то другом была проблема?
Demuz
окей, elevation - Android only
Если вы банально выставите zIndexЫ и один элемент загоните чуть под другой, то так и будет.
A
ладно, не будем уходить в сторону
Demuz
Меня просто буквально недавно спасли индексы в плане производительности. Нужно было при начале поиска текста, перекрыть весь экран и поверх него отобразить другой экран, с отдельной таб навигацией. В обычной ситуации огромный список не мог появляться и опять исчезать с хорошей скорость. Пришлось просто перекрыть его индексом во время поиска.