Руководства
Выберите задачу, которая перед вами. Каждое руководство объясняет поведение, а не только синтаксис: что запускается, что прерывает и что убирается.
- Значения и стилиВладейте значением в компоненте, выводите результаты через calc() и выбирайте, куда записывается CSS-переменная.
- Timing, пружины и композицияВыберите драйвер, комбинируйте несколько и точно знайте, что происходит, когда один из них останавливают или заменяют.
- Компоненты AnimatedРендерите обычные элементы, которые движутся к цели, отвечают на жесты и красиво уходят.
- Ввод и жестыЗаписывайте в значения указатель, перетаскивание, прокрутку и другой ввод, и пусть другие значения следуют за ними.
- Появление, уход и раскладкаУдерживайте уходящие дочерние элементы, пока не закончится их движение, и анимируйте изменения позиции и размера, в том числе между компонентами.
- ТаймлайныЗапускайте множество дорожек от одних перематываемых часов: воспроизведение, пауза, перемотка, реверс и смена скорости.
- Переход с React NativeЧто остаётся прежним, что меняется и что добавляет веб.
- Производительность и воспроизведениеКак Animated избегает работы на каждом кадре, как проверить, какой путь использует элемент, и как измерялись цифры на главной странице.
- SSR, тесты и продакшенРендеринг на сервере, гидратация, тесты и правила очистки, на которые можно положиться.