如何同步React Native Reanimated变量更新与UI渲染？

当需要同时执行以下操作时，最佳实现模式是什么？

• 更新触发UI重渲染的状态
• 更新useSharedValue、useAnimatedStyle等Reanimated动画变量

我尝试了以下几种方式：

• 同一代码块中同时更新状态与Shared Value
• 更新状态后，在useEffect中修改Shared Value
• 更新状态后，通过setTimeout(..., 0)修改Shared Value

但无论采用哪种方式，UI总会短暂处于无效状态：比如新UI已渲染但Shared Value仍为旧值，或Shared Value先于UI渲染完成更新，导致UI出现不定时的闪烁，这似乎存在竞态问题。

在深入分析前，想了解理论层面的正确实现方式，如何同步两者更新以确保变化同时生效？

编辑补充：因未得到解答，我花了一天时间隔离问题，现已完成复现仓库，若无法同步UI线程与JS线程，也欢迎提供满足仓库README要求的替代解决方案。

内容的提问来源于stack exchange，提问作者Jonas Sourlier