範例
以 Animated 打造的完整互動模式。在每個範例旁調整設定:範例本身只是以 props 的形式接收它們。
- 磁吸 Dock指標經過時圖示放大並把旁邊的圖示推開,指標離開後恢復原狀。
moveInputfollowuseAnimatedCSSmultiply - 滑動卡片堆拖曳最上面的卡片。超過門檻它就會飛走,否則會彈回原位。
dragInputuseAnimatedListenerAnimated.div - 共享相簿縮圖放大成詳細檢視,再縮回格狀排列中。
Animated.SceneAnimated.Keepmove - 排序看板拖曳列來重新排序,或在取得焦點的列上使用方向鍵。
useReorder - 捲動故事捲動時,各圖層以不同深度移動,天空的顏色也隨之改變。
scrollInputuseAnimatedCSSinterpolate - 動態海報一張循環播放的海報,每個元素都是同一條可跳轉時間軸上的軌道。
useTimeline