React Native: Создание анимированного поля ввода с помощью Animated API

[dvmedvedev]

Горшочек, не вари!

[Fox_exe]

Поправка — Для плавности анимации нужен уже CSS 3+ (Transition/Animation), а без него — да, хватит и :hover + position.

[kahi4]

Да, только статья о React Native, в котором нет css и анимации ручками нужно делать.

[apxi]

>> Выглядит великолепно. Гладко. Безупречно.
Это кому как, для меня выглядит так себе.

Потом сидим и думаем, а почему сайт тормозит, а откуда столько говна кода лезет.
На картошку таких улучшателей дизайна нужно отправить.
Как Вы будете себя чувствовать если ваша IDE вместо того чтобы быстро работать, начнет красиво анимировать выделение текста, плавно открывать мешюшку секунд 20, при компиляции выводить прогресс бар сияющий всеми цветами радуги, а еще после каждого обновления все будет меняться (цвет, положения кнопок и иерархия меню)?

[khorark]

Спасибо за статью, но есть несколько замечаний:
1) Использование componentWillMount считается deprecated и рекомендуется использовать componentDidMount.
2) При использовании Animated.timing рекомендуется добавлять параметр useNativeDriver: true, чтобы основный поток анимации обрабатывался нативно, а не в JS Thread.