Переключить значение анимации React-Native

Question

Я пытаюсь переключить значение анимации React-Native, но мой Animated.View не анимирован, мой перевод X "грубый", без перехода.

const OffCanvas = ({ visible, close }) => {
  const WINDOW_WIDTH = Dimensions.get('window').width;
  const animatedValue = new Animated.Value(visible ? 0 : WINDOW_WIDTH);

  Animated.timing(animatedValue, {
    toValue: visible ? 0 : WINDOW_WIDTH,
    duration: 250,
    easing: Easing.elastic(0.7),
    delay: 0
  }).start();

  ...

Кто-нибудь может мне помочь?

Answer 1

Я думаю, что вы пытаетесь анимировать ваше animatedValue до его первоначального значения.

Возможно, вам нужно указать: const animatedValue = new Animated.Value(visible ? 0 : WINDOW_WIDTH);
в componentDidMount() или в constructor() и сохранить это значение на вашемсостояние.