LayoutAnimation в React-Native не работает - PullRequest
Новая
       20

LayoutAnimation в React-Native не работает

0 голосов
/ 10 июля 2020

Я пытаюсь оживить стопку карт, движущуюся вверх, когда карты наверху удаляются из колоды, но я не могу запустить анимацию.

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

  useEffect(() => {
    LayoutAnimation.spring();
  },[currentCard]);

Кроме того, я пытаюсь запустить его на функции, которая вызывается при завершении смахивания: 

  function onSwipeComplete(direction) {
    const item = data[currentCard];
    direction === 1 ? onSwipeRigt(item) : onSwipeLeft(item);
    pan.setValue({ x: 0, y: 0 });
    setCurrentCard(index => index + 1);
    LayoutAnimation.configureNext({
      duration: 5000,
      update: {
        type: LayoutAnimation.Types.spring,
        springDamping: 0.7
      }
    });
  }

В прикрепленной песочнице вы найдете оба решения реализовано, но, конечно, я стараюсь использовать по одному. хотите медленно оживить его вверх.

https://codesandbox.io/s/react-native-deckj-z1nwb?file= / src / Deck. js

...