Artur
Есть ли смысл их использовать? В чем преимущества?
Есть. Я не проводил бенчмарки, но у нас есть прилага на Expo - в релиз билдах разница ощутима. Насчет обычных (не Expo) приложений - ничего не могу сказать по производительности, тк визуально я ее не заметил. Но все равно использовал ) Разница в том, что они контент скринов оборачивают в какие-то свои вьюхи, которые что-то там делают с нативом. Опять же, я не вдавался в подробности Но ты можешь изучить эту тему здесь https://github.com/kmagiera/react-native-screens#usage-with-react-navigation-without-expo
Artur
Тогда оно покажет страницу превью с кнопкой, по нажатию на которую откроется приложение
Денис
@artur_viktorovich страницу с кнопкой показывает, но переправляет в аппстор а не открывает запущенное приложение на реальном утройстве
Artur
если ни разу не открывалось - надо ещё раз по мануалу firebase проверить что в приложении домен зарегистрирован. КАк финальная проверка - удалить совсем приложение, перезагрузить телефон / эмулятор (эмулятор можно и очистить совсем), попробовать ещё раз. Глючит эта фигня бывает у них
AMar4enko
react-native-screens удаляет иерархию неактивных вью
Владимир
Ребят, почему не работают тени на андроид?😒
AMar4enko
Т.е. если есть StackNavigator, через который вы решили сделать модалку с прозрачным оверлеем, после того, как вы добавите в стек новый элемент, после того, как он отобразился (отработали транзишны итд) со страницы, которая ниже по стэку, будут удалены все элементы, останется только view верхнего уровня
AMar4enko
Т.е. react-native-screens держит активной иерархию view только для активного скрина, тем самым уменьшая потребление памяти. Но иногда это может вызывать проблемы, как в случае выше
George
Т.е. react-native-screens держит активной иерархию view только для активного скрина, тем самым уменьшая потребление памяти. Но иногда это может вызывать проблемы, как в случае выше
У меня сложилось впечатление что он скорее выносит компоненты на реально разные скрины OS, и уже просто сама OS понимает что скрин не активный и можно там в своп положить данные от него
Gena
Вообще, там хоть и криво, но описано на заглавной странице что оно делает. Только прежде чем такое использовать, лучше очень внимательно на список issues поглядеть
Gena
Ребят, почему не работают тени на андроид?😒
Потому что исторически в Android вью не умел рисовать за своими границами.
AMar4enko
@artur_viktorovich ссылки нет, это из опыта. У нас модалки реализованы в виде StackRouter на верхнем уровне. Т.е. чтобы показать модалку мы пушим в стэк вью. У нас модалки с прозрачным оверлеем, т.е. под ними видно предыдущий экран. Включение screens привело к тому, что экран под модалкой "пропадает". Т.е. просто белый и все. Я почитал описание, посмотрел код и сделал вывод описанный выше.
AMar4enko
За исключением этого кейса в остальном все ок. Поэтому в планах реализовать модалки на отдельной либе, чтобы все-таки включить screens. С ними действительно отзывчивей
Artur
Вопрос - кто нибудь реализовывал сворачивающиеся красивые заголовки?
AMar4enko
Там много вопросов, надо же еще back button обрабатывать. react-navigation это сам делает, а тут нужно будет думать
AMar4enko
@AntsiferovMaxim как-то так сложилось
Maxim
Просто с Modal таких проблем не было бы в принципе, я сделал обертку и пока полностью устраивает и багов нет
AMar4enko
Опыт, сын ошибок трудных. Зато нашлось чем тут поделиться
Maxim
И то правда)
AMar4enko
Да там больше вопрос не "как", а "как запихнуть в спринт"
Artur
Просто с Modal таких проблем не было бы в принципе, я сделал обертку и пока полностью устраивает и багов нет
Я с Modal который в rn ловил очень неприятный бажок. https://github.com/joinspontaneous/react-native-loading-spinner-overlay/issues/82 Тут вот описано. Типа если есть модалка, и показать алерт - то всё, досвидули
Maxim
А как тогда сделать?(
сделай margin вокруг элемента
Maxim
и юзай elevation https://facebook.github.io/react-native/docs/view-style-props#elevation
Владимир
Спасибо
Dmitry
Dmitry
Еще вопрос, все же видели переходы в App Store, когда кликаешь на подборку. Вот такую.
Dmitry
На чем такое можно реализовать?
Aynur
Hero animation
Alexsandr
На чем такое можно реализовать?
у тебя есть много времени страдать ?)
Alexsandr
у тебя есть много времени страдать ?)
работать будет плохо и нужного результата не будет
Narek
Сейчас дам
Dmitry
Narek
https://www.youtube.com/watch?v=Z7gdqY1PZaM
Narek
Держи
Aynur
для rn есть либы, которые реализуют это
AMar4enko
https://github.com/IjzerenHein/react-native-shared-element
Dmitry
Спасибо!
Alexsandr
https://www.youtube.com/watch?v=Z7gdqY1PZaM
там плохая реализация
Aynur
https://www.youtube.com/watch?v=Z7gdqY1PZaM
а, ну вот, лысый из рн уже сделал всё
Alexsandr
+++
запустите ее
Alexsandr
и посмотрите
Narek
???
Narek
Норм урок ж!)
Alexsandr
???
там очень плохоой перформанс
Alexsandr
внутрений скролл не сделан
Alexsandr
и там просто костыли подкопотом
Dmitry
и там просто костыли подкопотом
Получается не сделать?)
Dmitry
У меня есть одна реализация
Alexsandr
Получается не сделать?)
можешь попробывать его пример под себя подогнать
Dmitry
Сейчас покажу
Alexsandr
Сейчас покажу
https://github.com/fram-x/FluidTransitions
Dmitry
Alexsandr
можешь попробывать через эту штуку
Dmitry
Кстати, это по-моему Fluid и есть
Dmitry
Немного кривовато
Dmitry
Но на девайсе без тормозов
Dmitry
За чем?
Alexsandr
и тысяч за 6-7
Alexsandr
и на нем тестируй все
Alexsandr
потому что рн на ios всегда летает
Dmitry
Воу, они не входят в мой шортлист)
Dmitry
Мне виднее)
Alexsandr
потом появится пользователя с такими девайсами
Dmitry
Если я буду делать только под iOS, не появятся)