HarmonyOS Tabs组件无法全屏

主页有5个Tab,有一个tab的页面是web页面,这个web页面需要全屏透到状态栏,但是Tabs组件无法全屏,只能用.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP]) 颜色透到状态栏内容不能透状态栏,这个应该怎么解决?

HarmonyOS
2024-12-26 15:40:23
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zxjiu

参考以下代码:提前获取导航等高度存在AppStorage中。

ability代码:

// MainAbility.ts
import window from '@ohos.window';
async function enterImmersion(windowClass: window.Window) {
  // 获取状态栏和导航栏的高度
  windowClass.on("avoidAreaChange", ({ type, area }) => {
    if (type == window.AvoidAreaType.TYPE_SYSTEM) {
      // 将状态栏和导航栏的高度保存在AppStorage中
      AppStorage.SetOrCreate<number>("topHeight", area.topRect.height);
      AppStorage.SetOrCreate<number>("bottomHeight", area.bottomRect.height);
    }
  })
  // 设置窗口布局为沉浸式布局
  await windowClass.setWindowLayoutFullScreen(true)
  await windowClass.setWindowSystemBarEnable(["status", "navigation"])
  // 设置状态栏和导航栏的背景为透明
  await windowClass.setWindowSystemBarProperties({
    navigationBarColor: "#00000000",
    statusBarColor: "#00000000",
    navigationBarContentColor: "#FF0000",
    statusBarContentColor: "#FF0000"
  })
}
分享
微博
QQ
微信
回复
2024-12-26 17:11:18
相关问题
HarmonyOS Tabs 组件无法隐藏 tabbar
438浏览 • 1回复 待解决
HarmonyOS poppuwindow无法全屏
415浏览 • 1回复 待解决
HarmonyOS 无法全屏问题
408浏览 • 1回复 待解决
HarmonyOS Lottie无法全屏加载
385浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
1159浏览 • 1回复 待解决
HarmonyOS Image点击无法全屏预览
129浏览 • 1回复 待解决
Ability 全屏模式无法实现
600浏览 • 2回复 待解决
HarmonyOS Tabs 切换无法懒加载
146浏览 • 1回复 待解决
HarmonyOS Tabs组件Tabs如何左对齐?
698浏览 • 1回复 待解决
HarmonyOS Tabs组件切换
631浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
807浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
1832浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
737浏览 • 1回复 待解决
HarmonyOS Tabs组件左对齐
279浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
212浏览 • 1回复 待解决
HarmonyOS 页面内组件全屏怎么处理?
745浏览 • 1回复 待解决