CODEWITHSUNDEEP
react-nativereact-navigation
Swapnil Panchal
Swapnil Panchal

Reputation: 407

Tab navigator issue when calling an API

i am stuck in a problem that is,

in my application one screen has a Tabbar component so i have used Tabnavigation from react-navigation.

so there is two tabs in that screen and both of that tabs have GET API for displaying data

so my main problem is when tab screen is open at that time both tabs file is calling API because of tabnavigator is in stack navigator.

So please help me to solve this issue. i have to do like this::-

when i click on tab then after API will be call but here when the screen is arrive at that time both tabs call their API.

so please sort out this issue guys.

Upvotes: 0

Views: 1475

Answers (1)

bennygenel
bennygenel

Reputation: 24680

You can use TabNavigator's lazy prop.

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

This way your API call will happen only when you switch to that tab. The call will happen only on first switch though. You may need to add some logic to recall API on certain event or time to get the new data.

Upvotes: 2

Related Questions