跳到正文
全部 Skills
平台与端组合中的位置:构建

Expo 与 RN 动效

animate-expo

面向 React Native 与 Expo 的同标准实现:手势、底部弹层、页面切换、触觉反馈,以及最关键的让动效脱离 JS 线程。Web 上可用的直觉在这里大部分要改写。

它把哪件事做完了

让移动端动效跟手、不掉帧、有触觉

什么时候用它

  • 在 RN / Expo 里做手势驱动的交互
  • 动效在真机上掉帧,模拟器里却正常
  • 需要底部弹层、页面切换、触觉反馈这些原生语汇

它具体做什么

离线程
把动画交给 UI 线程执行,JS 线程忙时也保持 60fps
手势
手势与动画共享同一个驱动源,跟手且可中断
原生件
底部弹层、页切换、键盘避让按平台习惯实现
触觉
为关键反馈配轻触感,与视觉节奏对齐

可以这样提要求

用 animate-expo 实现这个底部弹层的拖拽关闭,确保动画运行在 UI 线程。