示例
用 Animated 构建的完整交互模式。在每个示例旁边调整设置:示例本身只是以 props 的形式接收它们。
- 磁吸 Dock指针经过时图标放大并把相邻图标推开,指针离开后恢复原状。
moveInputfollowuseAnimatedCSSmultiply - 滑动卡组拖动最上面的卡片。超过阈值它会飞走,否则会弹回原位。
dragInputuseAnimatedListenerAnimated.div - 共享画廊缩略图放大成详情视图,又缩回网格中。
Animated.SceneAnimated.Keepmove - 排序看板拖动行来重新排序,或在获得焦点的行上使用方向键。
useReorder - 滚动故事滚动时,各图层以不同的深度移动,天空的颜色也随之变化。
scrollInputuseAnimatedCSSinterpolate - 动态海报一张循环播放的海报,每个元素都是同一条可跳转时间轴上的轨道。
useTimeline