如何在不阻塞 UI 的情况下处理繁重的 API 请求答案

【问题标题】：how to handle heavy API request without blocking the UI in react native如何在不阻塞 UI 的情况下处理繁重的 API 请求
【发布时间】：2021-03-03 05:11:25
【问题描述】：

我通过我的应用发出了一些繁重的 API 请求。所以我想实现一个功能，如果用户点击任何 API 请求，那么在用户应该浏览任何屏幕但有一些加载图标指示 API 请求正在进行之后。

例如：-

如果用户在创建产品屏幕并且在单击创建产品按钮后，用户应该在 API 请求正在处理时浏览任何屏幕，如配置文件、产品视图或任何其他屏幕，但我想显示来自任何屏幕显示 API 请求正在后台进行。

【问题讨论】：

使用ActivityIndicator可以像import { ActivityIndicator } from 'react-native' 一样导入
使用 InteractionManager
如果任何 API 请求在后台运行，我想在导航到任何屏幕时显示一些加载指示器。而且我不想在每个屏幕中都包含 ActivityIndicator。是否有任何选项可以在 APP.JS 中包含 LOADING INDICATOR 并在我的应用程序的任何屏幕中显示它。

标签： react-native

【解决方案1】：

你想要的是一个单例这是

一种设计模式，可确保特定类的一个应用程序范围的实例存在。四人组的创作型设计模式之一。

我建议您阅读更多有关它的信息这将对您的情况有用这是使用 react native 制作的方法 React native- Best way to create singleton pattern

【讨论】：