HarmonyOS 鸿蒙Next Navigation title 居中，只显示一行

class A { text: string = ‘’ num: number = 0 }

@Entry @Component struct NavigationExample { private arr: number[] = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9] @State currentIndex: number = 0

@Builder NavigationTitle() { Column() { Row() { Text(‘Title’) .fontColor(’#182431’) .fontSize(30) .lineHeight(41) .fontWeight(700) Text(‘subtitle’) .fontColor(’#182431’) .fontSize(14) .lineHeight(19) .opacity(0.4) .margin({ top: 2, bottom: 20 }) } }.alignItems(HorizontalAlign.Center) .width(‘100%’) }

build() { Column() { Navigation() { TextInput({ placeholder: ‘search…’ }) .width(‘90%’) .height(40) .backgroundColor(’#FFFFFF’) .margin({ top: 8 })

    List({ space: 12, initialIndex: 0 }) {
      ForEach(this.arr, (item: number) => {
        ListItem() {
          Text('' + item)
            .width('90%')
            .height(72)
            .backgroundColor('#FFFFFF')
            .borderRadius(24)
            .fontSize(16)
            .fontWeight(500)
            .textAlign(TextAlign.Center)
        }
      }, (item: number) => item.toString())
    }
    .height(324)
    .width('100%')
    .margin({ top: 12, left: '10%' })
  }
  .title(this.NavigationTitle)
  //.menus(this.NavigationMenus)
  .titleMode(NavigationTitleMode.Full)
  .toolbarConfiguration([
    {
      value: $r("app.string.module_desc"),
      icon: $r("app.media.startIcon")
    },
    {
      value: $r("app.string.module_desc"),
      icon: $r("app.media.startIcon")
    },
    {
      value: $r("app.string.module_desc"),
      icon: $r("app.media.startIcon")
    }
  ])
  .hideTitleBar(false)
  .hideToolBar(false)
  .onTitleModeChange((titleModel: NavigationTitleMode) => {
    console.info('titleMode' + titleModel)
  })
}.width('100%').height('100%').backgroundColor('#F1F3F5')

} }

目前title只是文本的话，没有属性设置居中一行展示等，这个目前只能自定义Builder来实现