HarmonyOS Tabs组件做沉浸式失败
Tabs 组件做沉浸式 , 但发现没生效。
tab的内容没延伸到状态栏的,希望做沉浸式。
build() {
Column() {
Tabs({ barPosition: BarPosition.End, controller: this.controller }) {
TabContent() {
Column().width('100%').height('100%').backgroundColor(Color.Pink)
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM, SafeAreaEdge.START, SafeAreaEdge.END])
}.tabBar(BottomTabBarStyle.of($r("sys.media.ohos_app_icon"), "1"))
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM, SafeAreaEdge.START, SafeAreaEdge.END])
TabContent() {
Column().width('100%').height('100%').backgroundColor(Color.Green)
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM, SafeAreaEdge.START, SafeAreaEdge.END])
}.tabBar(BottomTabBarStyle.of($r("sys.media.ohos_app_icon"), "2"))
TabContent() {
Column().width('100%').height('100%').backgroundColor(Color.Blue)
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM, SafeAreaEdge.START, SafeAreaEdge.END])
}.tabBar(BottomTabBarStyle.of($r("sys.media.ohos_app_icon"), "3"))
}
.width(HyScreen.FULL_SCREEN)
.animationDuration(300)
.onTabBarClick((index: number) => {
})
}
.backgroundColor(HyColors.FillsRed)
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM, SafeAreaEdge.START, SafeAreaEdge.END])
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 沉浸式方案
169浏览 • 1回复 待解决
Tabs, TabContent架构下实现沉浸式,设置设置 .expandSafeArea不生效
322浏览 • 1回复 待解决
HarmonyOS 实现沉浸式全屏模式,全局设置所有页面方式怎么做?
357浏览 • 1回复 待解决
HarmonyOS web在沉浸式和非沉浸式下内容展示不全问题
107浏览 • 1回复 待解决
如何在不同page中进行沉浸式和非沉浸式切换?
210浏览 • 1回复 待解决
TabContent顶部组件如何实现沉浸式状态栏
1864浏览 • 1回复 待解决
HarmonyOS 底部导航条沉浸式方案
221浏览 • 1回复 待解决
HarmonyOS 沉浸式状态栏最佳实践
217浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
629浏览 • 1回复 待解决
HarmonyOS Scroll组件,无法实现沉浸式,延伸到安全区域
265浏览 • 1回复 待解决
HarmonyOS page设置沉浸式后影响其他页面
441浏览 • 1回复 待解决
沉浸式图文排列布局如何实现
301浏览 • 1回复 待解决
HarmonyOS 如何实现窗口状态栏沉浸式效果
289浏览 • 1回复 待解决
HarmonyOS 如何设置单个page沉浸式状态栏
298浏览 • 0回复 待解决
沉浸式登录界面如何实现
232浏览 • 1回复 待解决
如何实现沉浸式状态栏?
462浏览 • 1回复 待解决
如何设置沉浸式状态栏
2460浏览 • 1回复 待解决
Harmonyos 分布式迁移失败
3060浏览 • 0回复 待解决
如何设置沉浸式窗口,你会吗?
1845浏览 • 1回复 待解决
HarmonyOS Tabs组件切换
197浏览 • 1回复 待解决
HarmonyOS 目前沉浸式方案有两种,如果希望在特定页面情况下设置沉浸式有什么好的方案?
266浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tabs如何左对齐?
260浏览 • 1回复 待解决
HarmonyOS Tabs组件子组件问题
280浏览 • 1回复 待解决
组件在沉浸式的情况下在页面最底端不响应滚动手势
2003浏览 • 1回复 待解决
HarmonyOS 沉浸式获取导航栏高度一直是0
166浏览 • 1回复 待解决
设置窗口的布局为沉浸式布局可以使用setWindowLayoutFullScreen(true)。
参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#setwindowlayoutfullscreen9