Какие возможности у React Native по создания анимаций?

Question

[Виктор Мезрин]

Нам надо выбрать инструмент для создания приложений под iOS&Android.
Выбираем между React Native и нативными приложениями (Swift/Java)

В целом для нас значительно лучше реакт. Во-первых, у нас уже есть React.JS приложения, значительная часть кода будет использоваться повторно. Во-вторых, чтобы не плодить зоопарк технологий.

Но в отношении React Native есть большие опасения, что он не позволит реализовать нужные нам анимации.
У кого есть опыт - cкажите пожалуйста, а можно ли на React Native запилить такое?

- https://dribbble.com/shots/1945593-Login-Home-Screen
- https://dribbble.com/shots/2548398-Wallet-Concept-...
- https://dribbble.com/shots/2006165-Mobile-Wallet-A...
- https://dribbble.com/shots/2930593-Wallet-interaction

Если да - будут ли такие анимации тормозить на слабых Android телефонах?

Answer 1

[ой всё]

есть такой печально известный Famous
на гитхабе последний апдейт 2 года назад, но они утверждали, что у них все круто с анимацией везде

Answer 2

[GrimJack]

Недавно был на devfest.gdgrnd. Там как раз был доклад про реакт натив. Если верить докладчику - все очень плохо с анимацией, особенно если параллельно идет работа с интернетом.

Answer 3

[arturios571]

За ios могу сказать что проще на swift реализовать такое

Answer 4

[Frimko]

через https://github.com/chenglou/react-motion можно. С таймерами только перебарщивать не стоит, а то батарею садят влет.

Answer 5

[Daniel Skripnik]

На RN можно делать сложные анимации, для этого есть хорошо развитый Animated API, так и достаточное количество библиотек. Вопрос том, как вы их оптимизируете в мейн треде, что бы они не глючили и какой набор устройств вам нужно поддерживать. И у вас немного странный выбор, если вы вяжете свое решение только на нескольких анимациях, против реюзабельной код базы и поддержки единого приложения. Без анимаций юзер проживет ;)

Comments

[Виктор]

На самом деле не каждого заказчика устроит отсутствие анимаций. Если приложение делается под заказ то вопрос очень своевременной, чтоб не встать на середине работы поняв что заказчик хочет больше анимации.

Answer 6

[Юрий]

С анимацией в рн плохо.
она
а)не нативно выглядит
б)ограниченна
с) медленная
Все это можно решить написав нативные анимашки для платформы забиндить их как нативный модуль.

Comments

[Shane Matte]

а)не нативно это как?
б)ограниченна в чем?
с) медленная, с чего ты взял?

Answer 7

[Shane Matte]

react-native-interactable
шикарный модуль по работе с анимацией блоков. Стабильные 60фпс