HarmonyOS 咨询下如何判断组件在当前页面是否显示?

Scroll组件包裹Column组件,当Grid组件展示的列表数据很多时,如果判断下面的Text组件'ABC'是否显示?

如下代码:

Column() { 
  //顶部标题栏 
  AppBar({}) 
  Scroll(this.scrollerForScroll) { 
    Column() { 
      Grid()//列表组件 
      Text('ABC') 
    } 
  } 
  .align(Alignment.TopStart) 
  .layoutWeight(1) 
 
  //顶部固定悬浮区域 
  this.buildBottom(); 
} 
.width('100%') 
.height('100%')
HarmonyOS
2024-09-02 12:43:48
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

控制组件的显隐使用visibility,参考地址:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-visibility-V5

下面是一个简版示例参考:

// 1、添加监听 
@State @Watch('onCompShowStatusChange') isShow: boolean = true; 
// @Watch 回调 
onCompShowStatusChange() { 
  console.log(`监听组件 -- ${this.isShow ? '显示':'隐藏'}`); 
} 
 
// 2、UI组件 
Button('显示/隐藏') 
  .onClick(() => { 
    this.isShow = !this.isShow; 
  }) 
// 3、动态呈现 
if (this.isShow) { 
  // 此处自定义的组件 
  LoadCard() 
}
分享
微博
QQ
微信
回复
2024-09-02 17:15:03
相关问题
HarmonyOS 如何动态获取当前页面
875浏览 • 1回复 待解决
WebView支持获取当前页面url吗?
1044浏览 • 1回复 待解决
鸿蒙注销当前页面是哪个方法?
8584浏览 • 1回复 已解决
Web中加载网页后获取当前页面和url
1235浏览 • 1回复 待解决
如何判断当前线程是否是主线程
2444浏览 • 1回复 待解决
怎么判断customDialog是否正在显示
240浏览 • 1回复 待解决
如何判断当前网络是否是Wi-Fi环境?
423浏览 • 1回复 待解决
如何判断Web组件是否全屏
2028浏览 • 1回复 待解决
怎样判断当前设备是否连接了VPN?
722浏览 • 1回复 待解决