[RN] react-native-reanimated 란?

• "reanimated"는 리액트 네이티브에서 애니메이션을 만들기 위한 라이브러리로, UI를 그려내는 thread와 JS 처리를 하는 thread를 동시에 적용하며, 이 두 thread 간의 통신은 Bridge를 통해 이루어진다.
• "sharedValue" 메서드는 JS thread와 UI thread에서 동시에 읽고 쓸 수 있는 값을 생성하며, 이 값은 어느 thread에서든 접근하여 처리할 수 있다.
• "useAnimatedStyle" 훅은 sharedValue 값을 계속 감지하고, 이를 view properties와 연결하여 실시간으로 반영한다.
• 생성된 스타일은 Animated 컴포넌트의 style 프로퍼티에 적용되며, 이를 통해 애니메이션 절차가 완료된다. 이 과정에서 반드시 reanimated가 제공하는 Animated.View의 style에 전달해야 한다.

북마크
공유하기
신고하기