HarmonyOS Navigation中title怎么居中显示

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

可以给自定义navigationtitle用row包裹并给与.width(‘100%’).justifyContent(FlexAlign.Center)属性,参考代码如下:

@Entry
@Component
struct Page {
  @State message: string = 'Hello World';

  build() {
    Navigation(){
      Row(){
        Column(){
          Text(this.message)
            .fontSize(  50)
            .fontWeight(FontWeight.Bold)
        }.width('100%')
      }.height('100%')
    }.title(this.navitionTitle)
    .titleMode(NavigationTitleMode.Mini)
    .hideBackButton(true)
    .menus(this.navigationMenus())
  }
  @Builder navitionTitle(){
    Row(){
      Text("购买记录")
        .fontWeight(FontWeight.Bold)
    }.width('100%').justifyContent(FlexAlign.Center)
  }
  @Builder navigationMenus(){
    Row(){
      Image($r('app.media.app_icon'))
        .width(24)
        .height(24)
        .margin({right:14,top:10})
    }
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS NavDestination的title怎么居中
80浏览 • 1回复 待解决
HarmonyOS navigation title 被键盘顶起
77浏览 • 1回复 待解决
HarmonyOS Navigation标题居中,背景设置
905浏览 • 1回复 待解决
HarmonyOS RichEditor 内容不居中显示
172浏览 • 1回复 待解决
HarmonyOS 组件剩余区域居中显示
20浏览 • 1回复 待解决
HarmonyOS Navigation无法正确显示
27浏览 • 1回复 待解决
HarmonyOSNavigation显示dialog问题
491浏览 • 1回复 待解决
HarmonyOS 文字在Row居中
29浏览 • 1回复 待解决