调用 API 时选项卡导航器问题

Tab navigator issue when calling an API

我遇到了一个问题,

在我的应用程序中,一个屏幕有一个 Tabbar 组件,所以我使用了 react-navigation 中的 Tabnavigation。

因此该屏幕中有两个选项卡,并且这两个选项卡都有 GET API 用于显示数据

所以我的主要问题是当标签屏幕打开时两个标签文件都在调用 API 因为 tabnavigator 在堆栈导航器中。

所以请帮我解决这个问题。 我必须这样做::-

当我单击选项卡时,然后在 API 之后将被调用,但是当屏幕到达时,两个选项卡都会调用它们的 API。

所以请大家解决这个问题。

您可以使用 TabNavigatorlazy 道具。

lazy - Whether to lazily render tabs as needed as opposed to rendering them upfront.

这样,您的 API 调用只会在您切换到该选项卡时发生。不过,呼叫只会在第一次切换时发生。您可能需要添加一些逻辑以在特定事件或时间调用 API 以获取新数据。