概要

React Native的JS代码运行在独立的JS线程，JS线程与UI线程通过Bridge线程通信。UI线程与JS线程并行运行，由于线程调度或者Bridge通信延迟等原因，原生UI状态与React Native无法及时同步，导致在一些场景下出现状态不一致的问题。

问题

JS主动获取UI状态场景

JS主动查询UI状态，并依赖当前UI状态实现某个功能。存在JS获取到UI状态的时刻，UI状态已经变更了，导致JS的UI状态与实际UI状态不一致，功能上出现不一致的问题。

解决方案：参考推拉模型，JS主动获取UI状态是使用拉模型，此时根据业务逻辑一致性要求，需要多次获取UI状态；或者使用推模型，UI状态推送到JS线程处理。

思考

React Native的线程模型，通过把UI的部分逻辑转移到JS线程实现，提升了cpu的利用率或吞吐量，但是代价是UI逻辑&显示&交互等不一致和响应时间。

从UI设计上说，UI单独一个线程是最佳实践，RN的线程模型总体上弊大于利，是用设计的复杂度弥补框架能力的不足。