HarmonyOS Tabs组件无法全屏

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

HarmonyOS
21h前
浏览
收藏 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
微信
回复
19h前
相关问题
HarmonyOS 无法全屏问题
61浏览 • 1回复 待解决
HarmonyOS poppuwindow无法全屏
302浏览 • 1回复 待解决
HarmonyOS Lottie无法全屏加载
99浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
849浏览 • 1回复 待解决
Ability 全屏模式无法实现
340浏览 • 2回复 待解决
HarmonyOS Tabs组件Tabs如何左对齐?
521浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
463浏览 • 1回复 待解决
HarmonyOS Tabs组件切换
375浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
1469浏览 • 1回复 待解决
HarmonyOS Tabs组件左对齐
24浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
437浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
72浏览 • 1回复 待解决
HarmonyOS 页面内组件全屏怎么处理?
504浏览 • 1回复 待解决
Tabs选项绑定onClick事件之后无法切换
1936浏览 • 0回复 待解决
如何判断Web组件是否全屏
2045浏览 • 1回复 待解决
如何选择Navigation 组件Tabs 组件
2640浏览 • 1回复 待解决