You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Expo/TypeScript中带inverted属性的FlatList引发动画卡顿问题

Android 13下带inverted属性的FlatList与动画共存导致APP冻结问题

问题现象

  • 实现类似WhatsApp的取消录音按钮,初始状态下动画启动、录音启停等功能均正常;但操作手势处理器几秒到1分钟后,APP出现冻结,所有动画卡顿,帧率降至0
  • 该问题仅在Android 13系统出现,iOS端无异常

排查与测试情况

  • 定位核心触发条件:问题与FlatList的inverted属性直接相关,移除该属性后APP恢复正常
  • 排除依赖版本问题:新建仅保留FlatList(含文本项)与PanGestureHandler的项目,更新所有依赖包后问题依旧存在
  • 排除特定动画库影响:
    • 尝试使用Animated.FlatList,问题未解决,且inverted属性无法正常生效
    • 仅使用React Animated的Animated.timing创建循环动画,同样会出现APP冻结问题
  • 可复现性:在Expo Snack中能稳定复现该崩溃(物理设备上拖动麦克风组件至少30秒即可触发冻结)

内容的提问来源于stack exchange,提问作者H Haykel

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 17:35:21