@satis/center-title

简介

Navigation 标题居中 NavDestination 标题居中 ,最标准的实现方式

1. 下载安装

ohpm install @satis/center-title

或者在需要使用的模块下 oh-package.json5

   "dependencies": {
       "@satis/center-title": "^1.0.0"
    },

2. 使用

Navigation() {
      ...
    }
    .title(CenterTitle(this.title))

// 或在NavDestination
NavDestination() {
      ...
    }
    .title(CenterTitle(this.title))
    
// 自定义 build函数
  @Builder
  title(){
    Text("标题居中测试").fontSize(16).fontColor(Color.Black)
      .fontWeight(700)
      .maxLines(1)
      .textOverflow({overflow:TextOverflow.Ellipsis})
      .ellipsisMode(EllipsisMode.END)
  }

3. 效果展示

@satis/center-title

简介

Navigation 标题居中 NavDestination 标题居中

1. 下载安装

ohpm install @satis/center-title

或者在需要使用的模块下 oh-package.json5

   "dependencies": {
       "@satis/center-title": "^1.0.0"
    },

2. 使用

Navigation() {
      ...
    }
    .title(CenterTitle(this.title))

// 或在NavDestination
NavDestination() {
      ...
    }
    .title(CenterTitle(this.title))
    
// 自定义 build函数
  @Builder
  title(){
    Text("标题居中测试").fontSize(16).fontColor(Color.Black)
      .fontWeight(700)
      .maxLines(1)
      .textOverflow({overflow:TextOverflow.Ellipsis})
      .ellipsisMode(EllipsisMode.END)
  }

3. 效果展示

img.png

注意！！！！！！！！ 如果右侧自定义菜单过长 ,则标题会退化到左侧显示

img_1.png