HarmonyOS Navigation标题居中，背景设置

@Entry 
@Component 
struct NavigationExample { 
 @Builder NavigationTitle() { 
  Column() { 
   Text('Title') 
    .fontColor('#182431') 
    .fontSize(30) 
    .lineHeight(41) 
    .fontWeight(700) 
   Text('subtitle') 
    .fontColor('#182431') 
    .fontSize(14) 
    .lineHeight(19) 
    .opacity(0.4) 
  }.alignItems(HorizontalAlign.Center) 
  .width('100%') 
 } 
 build() { 
  Column() { 
   Navigation() { 
   } 
   .title(this.NavigationTitle) 
   // .menus(this.NavigationMenus) 
   .mode(NavigationMode.Auto) 
   //设置导航栏的整体背景色 
   .backgroundColor("#ffd61414") 
   // .hideNavBar(true) 
   .titleMode(NavigationTitleMode.Full) 
   // 设置工具栏的背景颜色 
   .toolbarConfiguration([ 
    { 
     value:'add', 
     icon: $r("app.media.app_icon") 
    } 
   ], 
    { 
     backgroundColor:"#830049ff", 
    } 
   ) 
   .hideTitleBar(false) 
   .hideToolBar(false) 
   //设置标题栏的背景颜色 
   .title(this.NavigationTitle, { 
    backgroundColor: "#f0e9ef38", 
   }) 
   .onTitleModeChange((titleModel: NavigationTitleMode) => { 
    console.info('titleMode' + titleModel) 
   }) 
  }.width('100%').height('100%').backgroundColor('#F1F3F5') 
 } 
}