函数执行时冻结本机UI

Question

在我的React Native应用程序中，我有一个在componentDidMount中执行繁重任务的组件。该函数处理时间序列，因此它们是相当大的对象。 ww看到的问题是：当组件挂载并且函数开始执行时，应用程序UI冻结。只有组件的ScrollView起作用，所有Touchables冻结，并且TabNavigator也停止工作，直到函数结束执行并返回为止。执行结束后，该应用即可正常运行。

反正我可以解决此性能问题吗？

Answer 1

您可以尝试将工作负载分成多个部分，然后将它们放在队列中。然后，在每个作业之间以较小的setTimeout延迟处理队列。这将使UI有时间进行响应。

另一种选择是将工作卸载到本机代码，以便它可以在不同的线程中运行。