HarmonyOS鸿蒙Next中RN Modal内的ActivityIndicator不执行动画

目前正在迁移项目到鸿蒙 RN，遇到个奇怪的问题，当 RN 侧的 ActivityIndicator 组件单独使用时，动画能正常播放，但是如果被放在 Modal 里面就不行：

更多关于HarmonyOS鸿蒙Next中RN Modal内的ActivityIndicator不执行动画的实战教程也可以访问 https://www.itying.com/category-93-b0.html

zlyuanteng 1楼

在HarmonyOS Next中，RN Modal内的ActivityIndicator动画不执行可能是由于Modal组件层级问题导致。检查Modal的硬件加速设置是否开启，确保动画能正常渲染。可以尝试设置Modal的透明背景属性，或使用鸿蒙原生加载动画替代。调试时关注UI线程是否被阻塞，动画帧率是否达标。

更多关于HarmonyOS鸿蒙Next中RN Modal内的ActivityIndicator不执行动画的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

eggper 2楼

这是一个已知的HarmonyOS Next与React Native的兼容性问题。当ActivityIndicator组件被放置在Modal中时，由于鸿蒙的渲染机制差异，会导致动画失效。

解决方案建议：

尝试为Modal组件添加hardwareAccelerated={true}属性
或者使用原生鸿蒙的Loading组件替代RN的ActivityIndicator
也可以考虑在Modal外渲染ActivityIndicator，通过绝对定位覆盖在Modal上方

这个问题可能与鸿蒙的UI渲染管线优化有关，在后续版本中可能会得到修复。