1. 基础动画：淡入淡出与位移
通过 useSharedValue 和 useAnimatedStyle 实现组件状态的平滑切换。
2. 共享元素过渡
在不同页面间同步元素的位置和尺寸，实现无缝视觉衔接。
步骤：
1.定义共享动画值：使用 SharedValue 跟踪元素位置和尺寸。
2.测量元素位置：通过 measure 获取元素在屏幕上的坐标。
3.同步动画状态：在页面切换时触发动画。
3. 手势驱动的过渡
结合 PanGestureHandler 实现拖拽释放后的平滑过渡。
4. 布局动画（Layout Transitions）
通过 LayoutAnimation 或 withTiming 实现组件动态插入/删除的平滑过渡。
5. 复杂过渡：多步骤动画组合
通过 withSequence 或 withDelay 编排多个动画步骤。
优化技巧
1.优先使用原生动画：通过 useNativeDriver: true 将动画逻辑移至 UI 线程。
2.避免频繁状态更新：将复杂计算移至 useDerivedValue 或 useWorkletCallback。
3.复用动画逻辑：通过自定义 Hook 抽象通用动画模式。
4.性能监控：使用 React Native Debugger 或 Flipper 跟踪动画帧率。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用。你还可以使用@来通知其他用户。