页面当中使用Tabs组件后,顶部元素配置expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.TOP])配置失效

要实现应用沉浸式效果,当页面当中使用Tabs组件后,顶部元素配置expandSafeArea([SafeAreaType.SYSTEM],[SafeAreaEdge.TOP])配置失效。但不用tabs组件时,沉浸式效果是正常的。

HarmonyOS
2024-10-09 10:36:30
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

参考:

import { MineComponent } from './MineComponent'  
  
@Entry  
@Component  
struct PageB {  
  build() {  
    Column() {  
      Tabs({ barPosition: BarPosition.End }) {  
        TabContent() {  
          MineComponent()  
        }  
        .tabBar('PageA')  
        .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])  
        TabContent() {  
          MineComponent()  
        }  
        .tabBar('PageB')  
        // .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])  
      }  
      .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])  
    }  
  
  }  
}

设置 .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])的时候,给Tabs添加 .clip(false)即可。参考API文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-develop-apply-immersive-effects-V5#section1480524185716

分享
微博
QQ
微信
回复
2024-10-09 16:15:14
相关问题
启动页面配置问题有哪些?
454浏览 • 1回复 待解决
span组件使用margin属性失效
1888浏览 • 1回复 待解决
配置好权限,APP安装失败
2164浏览 • 1回复 待解决
在Camkelist配置so,编译报错
643浏览 • 1回复 待解决
如何配置Web组件的Dom Storage?
231浏览 • 1回复 待解决
HarmonyOS 顶部tabs如何设置左对齐
330浏览 • 1回复 待解决
ceph配置问题—关于host的配置
2450浏览 • 1回复 待解决
nagios配置了,为什么页面是空的?
2088浏览 • 0回复 待解决