예제
Animated로 만든 완성 패턴입니다. 옆의 설정을 조절해 보세요. 예제 자체는 그 값을 props로만 받습니다.
- 자석 독포인터가 지나가면 아이콘이 커지며 이웃을 밀어내고, 떠나면 제자리로 돌아옵니다.
moveInputfollowuseAnimatedCSSmultiply - 스와이프 덱맨 위 카드를 끌어 보세요. 기준을 넘기면 날아가고, 아니면 스프링으로 돌아옵니다.
dragInputuseAnimatedListenerAnimated.div - 공유 갤러리타일이 상세 화면으로 커졌다가 다시 격자로 줄어듭니다.
Animated.SceneAnimated.Keepmove - 순서 보드행을 끌어서 순서를 바꾸거나, 행에 포커스를 두고 방향키를 쓰세요.
useReorder - 스크롤 스토리스크롤하면 레이어가 서로 다른 깊이로 움직이고 하늘 색이 바뀝니다.
scrollInputuseAnimatedCSSinterpolate - 모션 포스터모든 요소가 탐색 가능한 타임라인 하나의 트랙인 반복 포스터입니다.
useTimeline