React native 反应本机选项卡视图：如何防止在初始时间加载所有选项卡

我正在使用这个库

https://www.npmjs.com/package/react-native-tab-view

用于选项卡视图。我总共有4个选项卡，每个选项卡的内容都有API加载。当我用这个选项卡打开屏幕时。所有4个选项卡同时加载。每个选项卡的API都在调用parallel。我希望首先只初始化一个选项卡，然后在单击后加载相应的选项卡。

通过以下条件修复它
Fixed it by following condition


    renderScene = ({ route }) => {
    if (route.key == 'scene0' && this.state.index == 0) {
      return <Scene0 />;
    }
    if (route.key == 'scene1' && this.state.index == 1) {
      return <Scene1 />;
    }
    if (route.key == 'scene2' && this.state.index == 2) {
      return <Scene2 />;
    }
    if (route.key == 'scene3' && this.state.index == 3) {
          return <Scene3 />;
        }

renderScene=（{route}）=>{
if（route.key='scene0'&&this.state.index==0）{
返回；
}
if（route.key='scene1'&&this.state.index==1）{
返回；
}
if（route.key='scene2'&&this.state.index==2）{
返回；
}
if（route.key='scene3'&&this.state.index==3）{
返回；
}

或者通过添加lazy标志，我们也可以访问相同的

<TabView
          navigationState={{index, routes}}
          renderScene={renderScene}
          onIndexChange={setIndex}
          initialLayout={{width: wp(100)}}
          renderTabBar={renderTabBar}
          tabBarPosition={'bottom'}
          lazy
        />