React Native darkMode 上下文值需要 *forever* 重新渲染

Question

我有一个带有抽屉和堆栈的 React Native Navigation 的 react native 项目。我已经按照我认为应该设置的方式设置了所有内容，并且在技术上一切正常。但是，当我导航并填充堆栈和抽屉时，当我将“暗模式”变量切换为真或假时，屏幕最多需要 3 秒才能反映更改。我可以做一些优化来确保它立即发生吗？

我不能分享我的代码本身，但如果你有一个起点，我可以用伪代码来说明我是如何设置它的。我希望只有一些关于 RN 的部落知识，我不知道让它立即渲染。提前致谢！

Answer 1

我能想到的是

1. 更改被另一个繁重的任务阻止
2. ui 更改正在后台线程中运行
3. 一些useEffect的依赖设置错误
4. 页面不在主题上下文提供程序中

对于案例 1， 正如你没有提到的那样，我认为没有任何繁重的任务正在运行。

---

案例 2，react native 是原生的单线程。因此，如果您没有对本机代码/任何线程库做任何事情，我认为情况并非如此。

---

所以，我建议你检查依赖关系和主题上下文。

Answer 2

我不确定这有多相关，但由于内存泄漏，在实现大量 useEffects 和 useStates 时，我遇到了巨大的延迟峰值。 （在运行代码之前不检查数据是否已经存在于 useEffects 中）在实现 sqLite 并放弃状态之后它变得更好但仍然继续，暗模式上下文本身不应该让你慢下来，所以我猜它会重新渲染你的部分应用程序。 如果您通过上下文将新对象向下传递到组件结构中，它将导致重新渲染，所以如果您还没有实现它，我想 useMemo 是一个不错的起点。