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

Как работает интерполяция в Animated API?

СобеседованиеАнимации
scrollY.interpolate({
  inputRange: [0, 100],
  outputRange: [1, 0],
  extrapolate: 'clamp' | 'extend' | 'identity'
})
  • Маппинг входных значений на выходные
  • clamp — ограничивает выходной диапазон
  • extend — продолжает тренд за пределы
  • identity — 1:1 за пределами диапазона
  • Используется для: параллакс, header collapse, opacity fade на скролл
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov