HarmonyOS 鸿蒙Next如何自定义导航的标题栏,不想要Navigation的标题栏目的效果

发布于 1周前 作者 wuwangju 来自 鸿蒙OS

HarmonyOS 鸿蒙Next如何自定义导航的标题栏,不想要Navigation的标题栏目的效果

想要用动态路由,必须要使用Navigation、NavDestination组件吧,但是不想要自带的标题栏目的效果,想要完全自定义标题栏,该怎么做?

想过的是隐藏Navigation自带的标题栏目,在内容区自定义一个导航标题栏组件,不知道是否可行?



关于HarmonyOS 鸿蒙Next如何自定义导航的标题栏,不想要Navigation的标题栏目的效果的问题,您也可以访问:https://www.itying.com/category-93-b0.html 联系官网客服。

4 回复

我是这样处理的 

主:
 Navigation(this.pageStack) {
        this.tabItemDestination()
      }
      .tabIndex(this.curIndex)
      .hideTitleBar(true)
      .hideBackButton(true)
      .titleMode(NavigationTitleMode.Full)

子页面: NavDestination() { } .width(‘100%’) .height(‘100%’) .title(“标题”) //这个去掉<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

但是头部有留白:

cke_4773.png

可以在子页面添加:

.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])

也可以将ability设置为全屏(沉浸式)

https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-develop-apply-immersive-effects-V5

希望HarmonyOS能加强与其他品牌设备的兼容性,让更多人受益。

用标题栏的CustomBuilder类型参数应该可以实现吧
回到顶部