HarmonyOS Tabs组件无法全屏

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

HarmonyOS
2024-12-26 15:40:23
654浏览
收藏 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"
  })
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
分享
微博
QQ
微信
回复
2024-12-26 17:11:18
相关问题
HarmonyOS Tabs 组件无法隐藏 tabbar
1437浏览 • 1回复 待解决
HarmonyOS poppuwindow无法全屏
749浏览 • 1回复 待解决
HarmonyOS 无法全屏问题
816浏览 • 1回复 待解决
HarmonyOS Lottie无法全屏加载
845浏览 • 1回复 待解决
HarmonyOS Image点击无法全屏预览
512浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套Tabs组件问题
1782浏览 • 1回复 待解决
Ability 全屏模式无法实现
1026浏览 • 2回复 待解决
HarmonyOS Tabs 切换无法懒加载
512浏览 • 1回复 待解决
HarmonyOS Tabs组件Tabs如何左对齐?
1250浏览 • 1回复 待解决
HarmonyOS Tabs组件切换
1091浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
1400浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
1179浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
631浏览 • 1回复 待解决
HarmonyOS Tabs组件左对齐
683浏览 • 1回复 待解决
Tabs组件嵌套滑动组件
2433浏览 • 1回复 待解决
HarmonyOS 页面内组件全屏怎么处理?
1180浏览 • 1回复 待解决