Size: a a a

React Native — русскоговорящее сообщество

2020 July 12

A

Alexander in React Native — русскоговорящее сообщество
Думанский Владлен
Привет. Кто подскажет, как при переходе (навигации) "назад" перерендерить компонент? У меня мультиязык приложение, есть на каждом экране кнопки с 3 языками. Вот когда выбираю язык на первм и перехожу на второй - всё ок и язык меняется. Но когда меняю язык на втором экране и перехожу на первый - языки разные по понятной причине
У навигации есть свой жизненный цикл, посмотри. А вообще есть либа i18n
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Думанский Владлен
Привет. Кто подскажет, как при переходе (навигации) "назад" перерендерить компонент? У меня мультиязык приложение, есть на каждом экране кнопки с 3 языками. Вот когда выбираю язык на первм и перехожу на второй - всё ок и язык меняется. Но когда меняю язык на втором экране и перехожу на первый - языки разные по понятной причине
Надо просто правильно организовать модель данных в приложении. Прежде всего отодрать её от компонентов, любым способом, хоть redux'ом...
источник

GB

Gena Black in React Native — русскоговорящее сообщество
Artyom Nesterenko
Всем привет! Рад приобщиться к вам. 🙂 Я полный ноль в JS и RN, за пару дней поднял минимальные знания, чтобы сделать нужную мне задачу, но кое-что сделать не могу. Мне нужно сделать скроллящийся компонент, как на видео. Он будет прокручиваться программно и являться частью другого скроллящегося компонента. Возникла идея сделать его на нескольких Text, меняя символы с помощью анимации и translateY, то есть написать что-то типа number ticker (https://github.com/browniefed/react-native-ticker, https://github.com/RobertFOConnor/react-native-number-ticker), но в начале видео видно, что два символа сменяются одним, а с number ticker такое поведение вроде не получится. Тогда мне пришла в голову идея использовать вертикальный ScrollView с несколькими Text внутри, но в таком случае мне непонятно, как сделать анимацию параллакса, чтобы символы одного Text смещались не вместе, а как бы друг за другом. Других идей пока не появилось за пару дней, надеюсь, что здесь возникнут у кого-нибудь.
А зачем там разные скорости в двух колонках? Если не секрет конечно, это же не даёт нормально установить две цифры одновременно после анимации?
Я бы сперва пробовал первый вариант через кастомные анимации... Он точно реализуем и будет работать, но производительность может страдать... надо проверять...
источник

GB

Gena Black in React Native — русскоговорящее сообщество
AleX N
ПРивет всем! Нужна ваша помощь... Кто сталкивался, когда есть анимация изменения ширины контэйнера в котором есть текст. При уменьшении ширины текст переходит на новую строку и увеличивает высоту контэйнера. При старте анимации задается setState, от которого зависит показывать текст или null. Но он отрабатывает поздно и видно как текст увеличивает высоту родителя. Как это можно решить?
Что бы что-то не влияло на высоту родителя, оно должно иметь position: absolute. Но тогда возникнет другая проблема, что высоту родителя придется явно указывать... Ну как бы да, недостатки системы стилей...
источник
2020 July 13

AN

Artyom Nesterenko in React Native — русскоговорящее сообщество
Gena Black
А зачем там разные скорости в двух колонках? Если не секрет конечно, это же не даёт нормально установить две цифры одновременно после анимации?
Я бы сперва пробовал первый вариант через кастомные анимации... Он точно реализуем и будет работать, но производительность может страдать... надо проверять...
Так придумали, чтобы были разные, для эффектности, может. Вроде цифры нормально одновременно приходят к концу скролла. Такой компонент реализован в одном приложении на RN (не моем), успешно работает, как можно увидеть на видео, мне нужно его повторить.
Все-таки решил попробовать использовать вертикальный ScrollView с несколькими Text внутри. Каждый Text (например, число 24) представляет из себя еще несколько Text, по одному на каждую цифру, чтобы можно было их анимировать по отдельности. Теперь пытаюсь добиться нужного эффекта путем передачи translateY со смещением, пока что получается не очень, но варианта лучше я не придумал, чтобы вообще как-то их двигать неодновременно.
источник

AB

Andrey Bogachenko in React Native — русскоговорящее сообщество
привет! использую стек навигатор. когда открывается модальное окно - закрыть я его могу, с помощью свайпа сверху(в определённом месте, где начинается попап) вниз. вопрос, как сделать чтобы из любого места при свайпе внизу я возвращался назад?
источник

AB

Andrey Bogachenko in React Native — русскоговорящее сообщество
есть свойства типа gestureEnabled - но они для включения/отключения возможности закрытия по свайпу, но в определённом месте(сверху попапа)
источник

🙃

🙃 in React Native — русскоговорящее сообщество
Кто-нибудь смог связать rocket.chat со своим приложением на react native?
источник

%

%username% in React Native — русскоговорящее сообщество
🙃
Кто-нибудь смог связать rocket.chat со своим приложением на react native?
Там же все через интеграции на сервере и апи
источник

%

%username% in React Native — русскоговорящее сообщество
Рокет чат кстати сам написан на RN
источник

🙃

🙃 in React Native — русскоговорящее сообщество
%username%
Там же все через интеграции на сервере и апи
У вас синтегрирован?
источник

%

%username% in React Native — русскоговорящее сообщество
Ну или поправьте если ошибаюсь , но вроде так
источник

%

%username% in React Native — русскоговорящее сообщество
🙃
У вас синтегрирован?
У меня не с интегрирован, однако мы использовали рокетчат для компании очень долго
источник

%

%username% in React Native — русскоговорящее сообщество
Опишите проблему - постараемся помочь, на общие вопросы мало кто даёт ответ
источник

🙃

🙃 in React Native — русскоговорящее сообщество
%username%
У меня не с интегрирован, однако мы использовали рокетчат для компании очень долго
Это как? Rocket.chat у меня и на вебсайте есть, большой вопрос как сделать интеграцию с приложением, если у кого получилось то интересен опыт
источник

%

%username% in React Native — русскоговорящее сообщество
Что значит интеграцию с приложением?
источник

🙃

🙃 in React Native — русскоговорящее сообщество
%username%
Что значит интеграцию с приложением?
Чтобы в приложении так же вызывался livechat при необходимости(не webview приложение конечно)
источник

%

%username% in React Native — русскоговорящее сообщество
Вы можете взять рокетчат приложение, форкнуть его, и сделать как вам надо, выпустив под своим аккаунтом в сторах
источник

🙃

🙃 in React Native — русскоговорящее сообщество
%username%
Вы можете взять рокетчат приложение, форкнуть его, и сделать как вам надо, выпустив под своим аккаунтом в сторах
Отдельное приложение(как чат) не нужно, интерес только в интеграции опции livechat в существующее разрабатываемое приложение(в разрабатываемом приложении  помимо чата, много других функций, и сам чат(livechat от rocket.chat) это как необходимое дополнение там)
источник

YK

Yar Kar in React Native — русскоговорящее сообщество
Artyom Nesterenko
Так придумали, чтобы были разные, для эффектности, может. Вроде цифры нормально одновременно приходят к концу скролла. Такой компонент реализован в одном приложении на RN (не моем), успешно работает, как можно увидеть на видео, мне нужно его повторить.
Все-таки решил попробовать использовать вертикальный ScrollView с несколькими Text внутри. Каждый Text (например, число 24) представляет из себя еще несколько Text, по одному на каждую цифру, чтобы можно было их анимировать по отдельности. Теперь пытаюсь добиться нужного эффекта путем передачи translateY со смещением, пока что получается не очень, но варианта лучше я не придумал, чтобы вообще как-то их двигать неодновременно.
источник