请问如何在ArkTS中准确判断一个视图是否可见?

应用的首页是一个底部tabbar导航栏+3个webview组成,一个tab按钮对应打开一个web。想要实现tab切换时,这些web能感知到自己当前是否可见或者不可见。

HarmonyOS
2024-09-29 13:09:40
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
put_get

参考代码如下:

@Component  
struct TabsExample {  
  @State @Watch("indexChange") currentIndex: number = 0;  
  
  indexChange() {  
    console.log(`${this.currentIndex}`)  
  }  
  
  build() {  
    Tabs({ barPosition: BarPosition.End }) {  
      TabContent() {  
        Column().width('100%').height('100%').backgroundColor('#00CB87')  
      }  
      .tabBar("1")  
  
      TabContent() {  
        Column().width('100%').height('100%').backgroundColor('#007DFF')  
      }  
      .tabBar("2")  
    }  
    .barWidth('100%')  
    .barHeight(50)  
    .onChange((index: number) => {  
      this.currentIndex = index;  
    })  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5可以使用onVisibleAreaChange回调,参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-component-visible-area-change-event-V5

分享
微博
QQ
微信
回复
2024-09-29 17:43:58
相关问题
如何判断一个对象是否在对象数组
3424浏览 • 1回复 待解决
如何在Native侧构建一个ArkTS对象
3134浏览 • 1回复 待解决
HarmonyOS List第一个可见的ListItem
1149浏览 • 1回复 待解决
HarmonyOS 实现一个全局浮动的视图
616浏览 • 1回复 待解决
HarmonyOS 如何在class启动一个线程
845浏览 • 1回复 待解决
HarmonyOS 如何返回路由的第一个视图
1094浏览 • 1回复 待解决
怎么判断一个APP是否为多HAP包结构?
1631浏览 • 1回复 待解决
如何判断一个数组不为空?
1259浏览 • 1回复 待解决