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

Как использовать `Animated.event()` для маппинга нативных событий?

УглублённыйАнимации
  • Маппит нативные события напрямую в Animated.Value без JS-вызовов
  • Используется для scroll-событий с параллакс-эффектом
  • scrollEventThrottle: 16 для 60 FPS
  • Пример:
<Animated.ScrollView
  onScroll={Animated.event(
    [{ nativeEvent: { contentOffset: { y: scrollY } } }],
    { useNativeDriver: true }
  )}
/>
  • Анимация привязывается к позиции скролла без пропуска через JS Thread
  • Главная
  • Об авторе
  • Проекты
  • Знания
Логотип nKolmykov