React Native Reanimated параллельно

Question

Есть ли способ имитировать параллельную реакцию на нативную анимацию? Я хочу запустить несколько анимаций для определенного c компонента одновременно

Answer 1

Вы можете запускать анимацию параллельно, используя https://reactnative.dev/docs/animated#parallel, и вы можете использовать интерполяцию https://reactnative.dev/docs/animations#interpolation.

С помощью интерполяции вы можете отображать значения из одной анимации в другую. Это полезно, если вы хотите, чтобы некоторые анимации реагировали на значения других анимаций. С помощью интерполяции вы можете создать несколько анимированных представлений в вашем компоненте (A и B):

Например, при отображении элемента с помощью кнопки на экране, animationA, вы хотите, чтобы другой элемент переместился, animationB.

Чтобы это произошло, вы создаете анимацию из animationA, которая становится animationB

const animationB = animationA.interploate({
  inputRange: [ 0, 150],
  outputRange: [150, 0]
});

animationB, теперь работает наоборот, чем animationA.