HarmonyOS Tabs选项卡组件是否有懒加载

tab是网络动态获取的,每一个tabcontent里面都是一个网络请求。会出现一次性全部页面都加载出来的情况吗?

HarmonyOS
2024-12-25 13:51:03
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp

目前tabs没有懒加载能力,可参考示例如下:

@Entry
@Component
struct Index3 {
  @State currentIndex: number = 0
  @State tabContentArr: boolean[] = [true, false, false, false]
  tabContents: string[] = ["首页", "推荐", "发现", "我的"]

  build() {
    Row() {
      Column() {
        Tabs({ barPosition: BarPosition.End }) {
          ForEach(this.tabContents, (item: string, index) => {
            TabContent() {
              if (this.currentIndex === index || this.tabContentArr[index]) {
                TabChild({ index: this.currentIndex })
              }
            }.tabBar(item)
          })
        }
        .onChange((index) => {
          this.currentIndex = index
          this.tabContentArr[index] = true
        })
      }
      .width('100%')
    }
    .height('100%')
  }
}


@Component
export struct TabChild {
  @Prop index: number = 0;

  build() {
    Column() {
      Text(this.index + '')
    }
  }
}
分享
微博
QQ
微信
回复
2024-12-25 16:52:14
相关问题
HarmonyOS 选项卡组件
287浏览 • 1回复 待解决
Tabs组件加载的问题
2411浏览 • 1回复 待解决
HarmonyOS Tabs 切换无法加载
68浏览 • 1回复 待解决
grid组件及数据加载
1091浏览 • 1回复 待解决
HarmonyOS 加载
164浏览 • 1回复 待解决
HarmonyOS tabContent加载问题
147浏览 • 1回复 待解决
HarmonyOS 加载的数据删除问题
641浏览 • 1回复 待解决
HarmonyOS 列表展示list加载问题
789浏览 • 1回复 待解决
如何实现Fraction加载功能?
7540浏览 • 1回复 待解决
HarmonyOS LazyForEach 不会加载原因
130浏览 • 1回复 待解决
界面内容瀑布流加载实现
1209浏览 • 1回复 待解决
LazyForEach加载的原理是什么
2501浏览 • 1回复 待解决
Tabs选项绑定onClick事件之后无法切换
2111浏览 • 0回复 待解决