HarmonyOS 鸿蒙Next原生Navigation组件的标题如何居中?

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

HarmonyOS 鸿蒙Next原生Navigation组件的标题如何居中?

@Builder navigationTitle() {
// 要放到Column容器组件中才会居中???
Column(){
Text(‘新闻’)
.fontSize(22)
.fontWeight(FontWeight.Medium)
.fontColor(Color.White)
.textAlign(TextAlign.Center)
.width(‘100%’)
.backgroundColor(Color.Pink)

Text(‘最新资讯’)
}
.backgroundColor(Color.Orange)


虽然隐藏了左边的返回按钮,但是从截图可以看出,
左右两边默认是有间距的,并且间距还不一样,
现在只能通过
.title(this.navigationTitle())

使标题尽量居中,然而并没有完全居中



}

6 回复
开发者您好,如果想实现标题居中,请采用其他布局方式。Navigation组件是有一定的边距的。

有要学HarmonyOS AI的同学吗,联系我:https://www.itying.com/goods-1206.html

好的,多谢

可以看下这个 https://developer.huawei.com/consumer/cn/blog/topic/03158672424963003
 使用[@satis](/user/satis)/center-title 组件,完美解决居中问题

在HarmonyOS开发中,要使Next原生Navigation组件的标题居中,你通常需要在自定义的Ability或Fragment的布局文件中对Navigation组件进行样式调整。由于Navigation组件本身可能不支持直接设置标题位置,你可能需要通过包裹Navigation组件的自定义布局(如LinearLayout或RelativeLayout)来间接实现。在自定义布局中,可以使用android:gravity="center"(注意HarmonyOS中可能使用不同的属性名,如ohos:gravity="center")来尝试让标题居中。如果问题依旧没法解决请加我微信,我的微信是itying888。

回到顶部