HarmonyOS 鸿蒙Next如何自定义导航的标题栏,不想要Navigation的标题栏目的效果
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>
但是头部有留白:
可以在子页面添加:
.expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP])
也可以将ability设置为全屏(沉浸式)
楼主您好,可以看下如下文档的说明,通过1楼说的CustomBuilder来实现自定义。
组件导航 (Navigation) (推荐)-设置组件导航和页面路由-UI开发 (ArkTS声明式开发范式)-ArkUI(方舟UI框架)-应用框架 | 华为开发者联盟 (huawei.com)
希望HarmonyOS能加强与其他品牌设备的兼容性,让更多人受益。
用标题栏的CustomBuilder类型参数应该可以实现吧