Перейти к основному содержимому
Об авторе
Проекты
Знания
Знания/React Native/animated-api

Как работает Animated API в React Native?

СобеседованиеАнимации
  • Animated.Value / Animated.ValueXY — анимируемые значения (создавать через useRef)
  • Компоненты: Animated.View, Animated.Text, Animated.Image, Animated.ScrollView
  • createAnimatedComponent() — для кастомных компонентов

Типы анимаций:

  • timing() — линейная/кривая с easing
  • spring() — физическая пружина (friction/tension или stiffness/damping/mass)
  • decay() — замедление с начальной скоростью

Композиция:

  • sequence() — последовательно
  • parallel() — одновременно
  • stagger(delay, []) — каскадом
  • loop() — бесконечное повторение
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov