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 实现沉浸式全屏模式,全局设置所有页面方式怎么做?
438浏览 • 1回复 待解决
HarmonyOS 沉浸式方案
247浏览 • 1回复 待解决
Tabs, TabContent架构下实现沉浸式,设置设置 .expandSafeArea不生效
486浏览 • 1回复 待解决
HarmonyOS web在沉浸式和非沉浸式下内容展示不全问题
226浏览 • 1回复 待解决
HarmonyOS 关于沉浸式效果开发
19浏览 • 1回复 待解决
HarmonyOS 沉浸式状态栏
117浏览 • 1回复 待解决
如何在不同page中进行沉浸式和非沉浸式切换?
292浏览 • 1回复 待解决
TabContent顶部组件如何实现沉浸式状态栏
2009浏览 • 1回复 待解决
HarmonyOS List组件通过expandSafeArea做沉浸式后,滚动到最后一条可以不避让安全区吗?
161浏览 • 1回复 待解决
HarmonyOS 沉浸式状态栏最佳实践
301浏览 • 1回复 待解决
HarmonyOS 底部导航条沉浸式方案
299浏览 • 1回复 待解决
沉浸式登录界面如何实现
299浏览 • 1回复 待解决
如何实现沉浸式状态栏?
534浏览 • 1回复 待解决
如何设置沉浸式状态栏
2596浏览 • 1回复 待解决
HarmonyOS 没有开启沉浸式效果,但是web组件超过安全区域
52浏览 • 1回复 待解决
HarmonyOS Scroll组件,无法实现沉浸式,延伸到安全区域
373浏览 • 1回复 待解决
HarmonyOS page设置沉浸式后影响其他页面
521浏览 • 1回复 待解决
沉浸式图文排列布局如何实现
364浏览 • 1回复 待解决
如何设置沉浸式窗口,你会吗?
1939浏览 • 1回复 待解决
HarmonyOS 如何设置单个page沉浸式状态栏
393浏览 • 0回复 待解决
HarmonyOS 如何实现窗口状态栏沉浸式效果
373浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何使用组件安全区方案实现沉浸式效果?
92浏览 • 1回复 待解决
Harmonyos 分布式迁移失败
3171浏览 • 0回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
818浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何实现HarmonyOS窗口的沉浸式体验?
53浏览 • 1回复 待解决
设置窗口的布局为沉浸式布局可以使用setWindowLayoutFullScreen(true)。
参考文档:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#setwindowlayoutfullscreen9