네이티브 애니메이션, 완전한 이벤트 반응

네이티브 애니메이션, 완전한 이벤트 반응

---

Animated.spring이 끝날 때 이벤트를 트리거하는 가장 좋은 방법은 무엇입니까?

Animated.spring(this.state.pan, {
    toValue: 0
}).start()

나는 꽤 많이 검색했지만 그것을 수행하는 단일 방법을 찾지 못했습니다. addListener를 사용하여 애니메이션이 종료 값 또는 시간 초과에 도달했는지 확인할 수 있지만 둘 다 매우 간단해야하는 것에 대한 추악한 수정처럼 느껴집니다.

아는 사람 있나요?

---

30 분 후에 인터넷 검색을했는데 이걸 발견했는데 더 잘 문서화하지 않았다는 게 믿기지 않습니다.

https://github.com/facebook/react-native/issues/3212

.start(callback)

---

애니메이션이 시작될 때 실행됩니다.

.start(console.log("Start Animation")

화살표 기능이나 기능을 사용하여에 불려가는 끝났 END 애니메이션

.start(() => {console.log("Animation DONE")})

그리고 마지막으로 이것이 함수의 맥락에서 보이는 모습입니다.

_play(){
  Animated.timing(this.state.progress, {
     toValue: 1,
     duration: 5000,
     easing: Easing.linear,
   }).start(() => {console.log("Animation DONE")});
}

도움이 되었기를 바랍니다.

참고 URL : https://stackoverflow.com/questions/38053071/react-native-animated-complete-event